How to add space between table rows with border without using border-spacing and empty rows
<ol>
<li>I tried to use border-spacing attribute. But my table has header with multiple rows which are also affected by it. I need spaces only between rows in table body.</li>
<li>I tried to use empty rows with some height. But i also use bootstrap-table for sorting and filtering. It sorts and filters empty rows too, and i didn't find clear way to fix it, so table layout breaks after sorting or filtering.</li>
<li>Also table rows should have border. </li>
</ol>

<p>What is the best way to create spaces between table rows with such limitations ?
Table structure</p>

<pre><code>&lt;table&gt;
&lt;thead&gt;
 &lt;tr&gt;
  &lt;th&gt;col1&lt;/th&gt;
  &lt;th&gt;col2&lt;/th&gt;
  &lt;th colspan='2'&gt;col3&lt;/th&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
  &lt;th colspan='2'&gt;&lt;/th&gt;
  &lt;th&gt;col31&lt;/th&gt;
  &lt;th&gt;col32&lt;/th&gt;
 &lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
 &lt;tr&gt;
  &lt;td&gt;Abc11&lt;/td&gt;&lt;td&gt;Abc12&lt;/td&gt;&lt;td&gt;Abc13&lt;/td&gt;&lt;td&gt;Abc14&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;&lt;td&gt;Abc21&lt;/td&gt;&lt;td&gt;Abc22&lt;/td&gt;&lt;td&gt;Abc23&lt;/td&gt;&lt;td&gt;Abc24&lt;/td&gt;
 &lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
</code></pre>

<p><img src="https://i.stack.imgur.com/TcV0P.png" alt="Rough scheme of the table"></p>