search

facebookarchive / fixed-data-table

A React table component designed to allow presenting thousands of rows of data.
http://facebook.github.io/fixed-data-table/
Other
4.3k stars 553 forks source link

How to truncate extra-long text with ellipses? #501

Open jeghers opened 7 years ago

jeghers commented 7 years ago

I tried to set the standard "text-overflow:ellipsis" stuff on the Cell component, but it does not work because the parent element (<div class="fixedDataTableCellLayout_wrap3 public_fixedDataTableCell_wrap3">) has some huge length (larger than the actual displayed width. Thus the ellipses either not created or they are far out of view.

How can ellipses be implemented for long text? (Also a tooltip to display the FULL text nicely wrapped would be great too)