How to build text trimming cell for GWT DataGrid

[benb]

Hi,

I'm looking for examples for building a text-trimming cell for GWT
DataGrid.
I want the cell to have fixed width and height, and if text is longer
- ellipsis (...) will appear.
The complete text will appear on editing / on tool tip.

In my current DataGrid, the text is automatically wrapped and the row
height grows. I want to avoid that and to keep fixed row height.

Can someone help?

Thanks,
Ben

[Jens]

Apply CSS to your cell:

white-space: nowrap;

overflow:hidden;

text-overflow: ellipsis;

-- J.

[Robert W]

If you extend AbstractCell<?> there is access to your model and cell state (view,edit). There you can count chars, traverse dom that suit your needs

[Andrei]

@Jens,

Just to expand on Jen's answer. For this solution to work, you need to
apply it to a div inside a cell:

.myDataGrid td div {

[benb]

Works good, thanks!