title: Styling a table layout fixed & fixed width columns + colspan
body: <p>I have the following layout. </p>
  
  <pre><code>&lt;style&gt;
     table { width: 200px; white-space: nowrap; table-layout: fixed; }
     .a { width:10px; overflow: hidden; text-overflow: ellipsis }
     .b { width:190px; overflow: hidden; text-overflow: ellipsis }
  &lt;/style&gt;
  
  &lt;table border="1" style=""&gt;
      &lt;tr&gt;         
          &lt;td colspan="2"&gt;Some content header goes in here&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="a"&gt;This cells has more content&lt;/td&gt;
          &lt;td class="b"&gt;Less content here&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I'm trying to set a fixed table layout and have a fixed width on each column, however, since I have <code>colspan</code> above the fixed columns, then I'm not able to set the width. How can I achieve this? </p>