title: Make an HTML table's column span all the columns
body: <p>I have an HTML table and the CSS property <code>table-layout</code> is set to <code>fixed</code>.</p>
  
  <p>I want one of the cells in the table, the only cell in a particular row, to span all the columns in the table, i.e to fill the entire width of the table.</p>
  
  <p>When I use:</p>
  
  <pre><code>&lt;td colspan = "0" id = "tdPager"&gt;
  </code></pre>
  
  <p>It works with FireFox v24 and IE 9 and above but does not work with Internet Explorer 8 or below and any version of Chrome.</p>
  
  <p>How do I make the column span the entire table width in all browsers?</p>
  
  <p>I have tried all -- setting the colspan to the values "*", "100%" and even a number higher than the total number of columns but it produces a horrid effect on all browsers. All the columns in the rest of the rows get really thin. I cannot set the colspan to a fixed number equal to the total number of columns because the number of columns is dynamic.</p>