primefaces datatable行の色付け

Question

異なる色のデータ可能な行を表示したい。

私はrowStyleClass属性を使用しています。 しかし、それは色にDataTableの

私のコードを変更していないが、

rowStyleClass="highlight"; 

で、私のCSSファイルがあり、このようになります、

.highlight { 
    background: yellow !important ; 
} 

Answer 1

あなたは色の異なる二つのクラスのように持っている必要があります次の場合は、rowStyleClass属性でインラインを使用します。

ここで、「ro wIndexが」あなたも、行が 『highlight1』と奇数行として設定された行のスタイルクラスを持っていることを意味するデータテーブルrowIndexVar属性

rowIndexVar="rowIndex" 

に設定する必要があります - 『highlight2』

See here more info

Answer 2

最も簡単CSSで.ui-datatable-oddと.ui-datatable-evenのスタイルクラスを実装することです。これはデフォルトでp:dataTableで実装されています。例：

.ui-datatable-odd { 
    background: #ffffff; 
} 

.ui-datatable-even { 
    background: #F2F5F9; 
} 

は、それはあなたがこれを試してみて、より具体的なセレクタを使用している

Answer 3

のCSS特異性について読む必要がある可能性があり

のようなものを探して終わる...それは私の場合で働いています

.ui-widget-content .ui-datatable-even{ 
    background: #F2F5F9; 
} 

.ui-widget-content .ui-datatable-odd{ 
    background: red; 
}