java - 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;
}