How to display text according to the td width

Question

i have set my td to certain width. i want to display text inside the td. i want that when the text is longer than the td width it will cut it or put ... at the end of text. so that the text will display one line only and not wrap it. How can i do this?

Thanks

Answer 1

You can accomplish this using CSS3 text-overflow method.

text-overflow:ellipsis;

Answer 2

Reference

JSBIN

Set style as

td {
  white-space: nowrap
}