GWT CellTableの見出しのTHスタイル名をプログラムで検索するにはどうすればよいですか?
クライアントバンドルのドキュメントを見てきましたが、すべてがどのように組み合わされているかはすぐにはわかりません。ありがとう。
GWT CellTableの見出しのTHスタイル名をプログラムで検索するにはどうすればよいですか?
クライアントバンドルのドキュメントを見てきましたが、すべてがどのように組み合わされているかはすぐにはわかりません。ありがとう。
TH スタイル名にアクセスするときに何をしたいのか正確にはわかりません。
celltable ヘッダーの標準の css スタイルをオーバーライドする場合は、コンポーネントのルック アンド フィールを変更するためにオーバーライドできる css スタイルの一部を次に示します。
.cellTableFirstColumnHeader {}
.cellTableLastColumnHeader {}
.cellTableHeader {
border-bottom: 2px solid #6f7277;
padding: 3px 15px;
text-align: left;
color: #4b4a4a;
text-shadow: #ddf 1px 1px 0;
overflow: hidden;
}
.cellTableSortableHeader {
cursor: pointer;
cursor: hand;
}
.cellTableSortableHeader:hover {
color: #6c6b6b;
}
.cellTableSortedHeaderAscending {
}
.cellTableSortedHeaderDescending {
}
cellTables CellTable.cssのスタイルの完全なリストは次のとおりです。
プログラムでヘッダーにアクセスする場合は、このソリューションを使用して、テーブルのヘッダーに対応する TableSectionElement を取得できます。次に、行にアクセスしてからセルにアクセスし、それらのスタイルを検索できます。
最後に、ヘッダー スタイルをオーバーライドする場合は、列をテーブルに追加するときに次の方法を使用できます。
public void addColumn(Column<T, ?> col, Header<?> header)
次に、ヘッダーを作成するか、たとえば TextHeader を使用して、スタイルを設定してから、次を使用してテーブルに追加します
public void setHeaderStyleNames(String styleNames)
例
TextHeader textHeader = new TextHeader("headerTitle");
textHeader.setHeaderStyleNames("my-style");
myTable.addColumn(myColumn, textHeader);
簡単な解決策:
import com.google.gwt.user.cellview.client.CellTable.Resources;
private String getCellTableHeaderStyle() {
Resources res = GWT.create(Resources.class);
return res.cellTableStyle().cellTableHeader();
}