title: How to make chrome respect tables with fixed column width
body: <p>I have a basic home made "table" plug in that supports scrolling horizontally and vertically where the column widths are to be fixed while rendering. So we use the CSS</p>
  
  <pre><code>table-layout:fixed;
  </code></pre>
  
  <p>but the problem is that Chrome seems to think that even though the table width is calculated and the column widths are calculated, it should still reformat the table.</p>
  
  <p>Fiddle here: <a href="http://jsfiddle.net/paull3876/Ssr33/" rel="nofollow">http://jsfiddle.net/paull3876/Ssr33/</a></p>
  
  <p>If you run this in IE or Firefox its ok, the data and column headers are correctly truncated, but in Chrome, it wants to show all the data, so it ignores overflow:hidden and set widths and the result is that the columns do not line up between the header and body tables.</p>
  
  <p>So, any ideas on how to make this work in chrome would be much appreciated.. thank you</p>