追加したいケースがあります
white-space: nowrap;
私のCellTableの各セルのスタイルに。現在、すべてのテーブルに適用されますが、特定の CellTable とすべての CellTable の両方に適用する必要があることを知っておくと便利です。
追加したいケースがあります
white-space: nowrap;
私のCellTableの各セルのスタイルに。現在、すべてのテーブルに適用されますが、特定の CellTable とすべての CellTable の両方に適用する必要があることを知っておくと便利です。
CellTablesには独自のCssResourceがあります。cellTable内のすべてのセルに適用されるこのスタイルをオーバーライドするには、新しいcssファイルを作成します。
/* Incremental changes from CellTable.css */
.cellTableCell {
white-space: nowrap;
}
次に、独自のCellTable.Resourcesインターフェイスを作成します。
public interface TableResources extends CellTable.Resources {
/**
* The styles applied to the table.
*/
interface TableStyle extends CellTable.Style {
}
@Override
@Source({ CellTable.Style.DEFAULT_CSS, "MyOwnCellTableStyleSheet.css" })
TableStyle cellTableStyle();
}
最後に、cellTableを作成するときは、使用するリソースを指定できるコンストラクターを使用します
CellTable<Object> myCellTable = new CellTable<Object>(15, GWT.create(TableResources.class));
実用的な例については、GWTSDKで提供されているExpensesサンプルをご覧ください。
または、これを簡単な方法で行うこともできます。
CellTable<YourObj> yourTable = new CellTable<YourObj>();
yourTable.getElement().getStyle().setWhiteSpace(WhiteSpace.NOWRAP);
css ファイルも、変なボイラープレート コードもありません。