primefaces datatable ligne coloriage

Je veux montrer datatable lignes avec des couleurs différentes.

Je suis en utilisant rowStyleClass attribut.
Mais Il n'est pas de changer les couleurs

Mon code dans la datatable est,

rowStyleClass="highlight";

et mon fichier css est ressemble à ça,

.highlight {
    background: yellow  !important ;
}

OriginalL'auteur Sagar | 2013-03-13

  1. 21

    Vous devriez avoir deux classes de couleurs différentes et d'utiliser, dans le rowStyleClass attribut, inline si:

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

    Où "rowIndex" vous devriez mettre dans le datatable rowIndexVar attribut

    rowIndexVar="rowIndex"

    Qui signifie que même les lignes auront de style de ligne de la classe définie comme 'highlight1' et de l'impair de lignes - 'highlight2'

    Voir ici plus d'infos

    n'est-il pas plus facile à mettre en œuvre .ui-datatable-odd et .ui-datatable-even classes de style dans votre CSS, qui sont mis en œuvre par p:dataTable par défaut?
    vous devez également mentionner que si vous utilisez des thèmes, alors vous devriez également de remplacer/définir le "background-image:none;" dans votre css personnalisé

    OriginalL'auteur Tudor Zgureanu

  2. 16

    La façon la plus simple est de mettre en œuvre .ui-datatable-odd et .ui-datatable-even classes de style dans votre CSS, qui sont mis en œuvre par p:dataTable par défaut. Exemple:

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

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

    Finit par trouver quelque chose comme

    primefaces datatable ligne coloriage

    Il pourrait être vous avez besoin d'utiliser plus spécifiques sélecteurs, en savoir plus sur les spécificités css pour que

    OriginalL'auteur amphibient

  3. 1

    Essayez ceci...C'est de travailler dans mon cas

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

.ui-widget-content .ui-datatable-odd{
    background: red;
}
    Vous réponse est "identique" à la 12 upvoted avec une petite différence que le sélecteur est plus spécifique. Dans ces cas, vous pouvez ajouter un commentaire à la réponse ou à proposer une édition où vous dites que c'est parfois nécessaire. (Comme je l'ai fait modifier la réponse maintenant). Des acclamations.

    OriginalL'auteur mrahman