Question

I have a table where th <td> are styled as follows.

table.tvTable td{
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap; // with this line i get one erally wide row
  padding: 3px;
}

Individually, they are styles with width (both in px, % and *). I also tried to set the width of the whole table too (which don’t want to do beccause i want one of the columns to utilize maximum width available on the screen).

However, no clipping occures, let alone ellipsisation. I’m on Ch and FF.

Answer 1

Here’s a demo of how I got it working. You indeed have to use table-layout: fixed as was mentioned. Setting the width of the td via CSS seems to work, as well, without having to specify it in the HTML.

Please let me know if you have any questions!