How do I get the rightmost column to fill the remaining space?

Question

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 (example), so I\'d like the tabl

Answer 1

If this is what you meant : image then I can achieve that using standard html table structure with the following css :

table {
  width:auto;
}
td {
  white-space:nowrap;
}
td:last-child {
  width:100%;
}

--EDIT : work with your jsfiddle