3

GWT の CellTable で列全体の背景色を設定する方法を見つけたいのですが、うまくいきません。CellTable のスタイルでは、最後の列と最初の列の背景色を設定するために使用できるスタイル cellTableLastColumn と cellTableFirstColumn しか見つかりませんでした (これら 2 つは正常に動作します)。列インデックスをパラメーターとして渡すことで、任意の列の列全体の背景色を設定する方法を知っている人はいますか? どうもありがとうございました。

4

2 に答える 2

4

テーブルのに追加するtable.addColumnStyleName(colIndex, "mystyle")ように指示するために使用できます。これにより、次のような HTML が生成されますCellTablemystyle<colgroup>

<table ...>
  <colgroup><col><col><col class="mystyle"><col>...</colgroup>
  ...

のような CSS ルールを使用するmystyle { background-color : #D0E4F6; }と、ヘッダーを含む列全体の背景色が設定されます。

<td>残念ながら、偶数/奇数行の GWT CSS ルールが優先され、すべての列 (ヘッダーを除く) のスタイルが設定され、背景色が上書きされるため、これでは十分ではありません。

これを修正するcolumn.setCellStyleNames("mystyle")には、列で使用します。これにより<td>、列の がクラスを受け取りますmystyle。その後、CSSを次のように使用できます

.mystyle, td.mystyle {
  background-color : #D0E4F6;
}

列 (ヘッダー) と の背景色を設定します<td>

于 2012-01-04T18:38:14.113 に答える
2

で使用するaddColumnStyleNameのと同じように、CSS クラス名を列に追加するために使用できます。addStyleNameWidget

于 2011-07-26T22:13:19.603 に答える