primefaces datatable row coloring

Question

Voglio mostrare le righe datatable con colori diversi.

Sto usando l'attributo rowStyleClass. ma non è cambiando i colori

Il mio codice in DataTable è,

rowStyleClass="highlight"; 

e il mio file CSS è simile a questo,

.highlight { 
    background: yellow !important ; 
} 

Answer 1

Si dovrebbe avere come due classi con colori diversi e utilizzare, nell'attributo rowStyleClass, inline se:

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

Dove "ro windex" è necessario impostare l'attributo rowIndexVar datatable

rowIndexVar="rowIndex" 

Ciò significa che anche le righe avranno classe di stile fila impostato come 'highlight1' e righe dispari - 'highlight2'

See here more info

Answer 2

Il metodo più semplice il modo è quello di implementare le classi di stile .ui-datatable-odd e .ui-datatable-even nel tuo CSS, che sono implementate da p:dataTable per impostazione predefinita. Esempio:

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

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

finisce per guardare qualcosa come

Potrebbe essere è necessario utilizzare selettori più specifici, leggere css specificità per quel

Answer 3

Prova questo ... E ' sta funzionando nel mio caso

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

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