title: How do I get the rightmost column to fill the remaining space?
body: <p>Say I have a table with only three small columns. It looks untidy and unbalanced to have a narrow, tall table hugging the left side of my screen (<a href="http://jsfiddle.net/MrZXp/" rel="noreferrer">example</a>), so I'd like the table to cover the width of the page. However, when I set the table width to 100%, all the columns are stretched out as well, so now my data is spread thinly across the screen, which also looks untidy (<a href="http://jsfiddle.net/MrZXp/1/" rel="noreferrer">example</a>).</p>
  
  <p>What I'm looking for is a solution where all the columns have the same size as they would have had if the table was <code>width: auto</code>, but the final column fills the remaining space on the screen. This is what Spotify does, for example:</p>
  
  <p><img src="https://i.stack.imgur.com/OWGN3.png" alt="Spotify"></p>
  
  <p>The "User" column will cover the remaining width, no matter what. Is there a relatively simple way of achieving this with HTML tables and CSS?</p>