title: Use colspan on a single row
body: <p>I am trying to get a certain table layout:</p>
  
  <pre><code>---------
  | |   | |
  ---------
  </code></pre>
  
  <p>as shown in the first table but would like to only display the row, not the table header. As soon as I hide it, the layout (colspan=2) gets "lost":</p>
  
  <pre><code>----------
  |  |  |  |
  ----------
  </code></pre>
  
  <p>Sample code:</p>
  
  <pre><code>&lt;table border="1" style="width:100%;"&gt;
    &lt;thead style="display:fixed"&gt;
      &lt;th&gt;1&lt;/th&gt;
      &lt;th&gt;2&lt;/th&gt;
      &lt;th&gt;3&lt;/th&gt;
      &lt;th&gt;4&lt;/th&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;td&gt;A&lt;/td&gt;
      &lt;td colspan="2"&gt;B&lt;/td&gt;
      &lt;td&gt;C&lt;/td&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  
  &lt;br/&gt;
  
  &lt;table border="1" style="width:100%;"&gt;
    &lt;thead style="display:none"&gt;
      &lt;th&gt;1&lt;/th&gt;
      &lt;th&gt;2&lt;/th&gt;
      &lt;th&gt;3&lt;/th&gt;
      &lt;th&gt;4&lt;/th&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;td&gt;A&lt;/td&gt;
      &lt;td colspan="2"&gt;B&lt;/td&gt;
      &lt;td&gt;C&lt;/td&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/8v6enhq2/" rel="nofollow noreferrer">https://jsfiddle.net/8v6enhq2/</a></p>