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