title: In HTML Table how do you force cell text to truncate and not increase the width of the cell or wrap
body: <p>I have tried a number of CSS style settings, but can't seem to get it working, I either get the text to wrap or increase the size of the column.</p>
  
  <p>I have tried setting table-layout to fixed</p>
  
  <pre><code>table { table-layout:fixed; }
  </code></pre>
  
  <p>Have tried various different combinations for the column.</p>
  
  <pre><code>Name { width: 100px; overflow:hidden; white-space:nowrap; }
  </code></pre>