główne wiersze datatable coloring

Question

Chcę wyświetlić wiersze datatable w różnych kolorach.

Używam atrybut rowStyleClass. ale to nie zmienia kolory

Mój kod w DataTable jest

rowStyleClass="highlight"; 

i mój plik CSS wygląda tak,

.highlight { 
    background: yellow !important ; 
} 

Answer 1

Trzeba jak dwóch klas o różnych kolorach i użyj, w atrybucie rowStyleClass, wbudowanego, jeśli:

rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'highlight1' : 'highlight2'}" 

Gdzie "ro Windex”należy ustawić w DataTable atrybutu rowIndexVar

rowIndexVar="rowIndex" 

Oznacza to, że nawet wiersze będą mieć klasę styl rząd ustawiony jako«highlight1»i nieparzystych wierszy -«highlight2»

See here more info

Answer 2

Najprostszym sposobem jest implementacja klas stylu .ui-datatable-odd i .ui-datatable-even w twoim CSS, które domyślnie są implementowane przez p:dataTable. Przykład:

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

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

kończy się szukających czegoś podobnego

To może być trzeba użyć bardziej szczegółowe selektorów, przeczytaj o specyfice CSS dla tego

Answer 3

Spróbuj tego ... to działa w moim przypadku

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

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