Limit TD text length

Question

I've a grid generated by backgrid.

And I want to limit text length, each td must be on one line.

width property on td has no effect.

Thanks for your help.

Answer 1

Depending on how you define 'limit', you can simply prevent wrapping, and control overflow:

td{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

This will keep contents to one line, with an ellipsis being appended to the end if textual content exceeds the allowed width of the td