jsf-2 - p:dataTable の列のヘッダー以外のセルの背景色を変更する

Question

データテーブルの特定の列の背景色を設定する方法を知りたいです。以下の css コードを試しました

.mystyle.ui-datatable .ui-datatable-data td, .mystyle.ui-datatable .ui-datatable-data td{
background-color:#B5D3A5;   
}

しかし、上記はデータテーブルのすべての列の背景色を変更しているようです。データテーブルの特定の列の背景色を変更する方法を教えてください。前もって感謝します

score 3 · Accepted Answer

これにはstyleとstyleClassの属性を使用できます。p:column

<p:column style="background-color: red" ...>

これにより、テーブルセルとヘッダーセルが色付けされます。

ヘッダーセルを変更したくない場合は、次のようにします。

列に styleClass 属性を指定します。

<p:column styleClass="foo" ...>

次に、次のスタイル定義を css/html に追加します。

td.foo {
    background-color: red;
}

score 1 · Accepted Answer

ヘッダースタイルに p:dataTable の headerClass 属性を使用し、必要な列に style="text-align:center;background-color:red" としてインラインスタイルを使用します。

2 に答える 2