如何为 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;
}