如何为GWT DataGrid构建文本修剪单元

Question

我正在寻找为GWT DataGrid构建文本修剪单元的示例。 我希望单元格具有固定的宽度和高度，如果文本较长，则会出现省略号（...）。完整的文本将出现在编辑/工具提示上。

在我当前的DataGrid中，文本会自动换行并且行高会增加。我想避免这种情况，并保持固定的行高。

有人可以帮忙吗？ 感谢

Answer 1

创建一个CSS类并将其应用于DataGrid：

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