Question

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

Answer 1

Create a CSS class and apply it to your DataGrid:

.myDataGrid td div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}