title: CSS - Change column width of fixed table to accomodate longer text in one line
body: <p>So I have a table with a navigation bar to scroll through the records. I changed the <code>table-layout</code> property to <code>fixed</code> so the columns wouldn't move when scrolling through the navigation. To do so, I had to apply the following CSS code:</p>
  
  <pre><code>table.fixed {
    table-layout:fixed;
  }
  table.fixed td {
    overflow: hidden;
  }
  </code></pre>
  
  <p>The problem is that one of the columns of the table (the third one in this case) isn't able to fit the whole text in one line breaking it in two lines. How can I change the width of the column in order to accommodate longer text into one line?</p>