[DataTable] Afficher des lignes avec des couleurs différentes de façon alternative

Bonjour,

Je souhaiterais afficher un DataTable avec des lignes de couleurs, de façon alternative, banc et gris.

Dans dataTable je fais :

Code:

---

<p:dataTable var="tab1" "paginator="true" styleClass="tablebg" rowClasses="graybg,whitebg" >

---

puis dans la classe CSS je fais :

Code:

---

1 2	.whitebg { background-color:#FFFFFF; } .tablebg { background-color: #D0D0A0; }

---

mais ça ne fonctionne pas.

Quelqu'un saurait-il m'indiquer comment faire ?

Merci d'avance pour votre aide.

Bonjour,

Ça ressemble plus à un soucis de css que de JSF ...
Voir ceci : http://www.w3.org/Style/Examples/007/evenodd


Cordialement

Citation:

---

Envoyé par ellix86

Ça ressemble plus à un soucis de css que de JSF ...
Voir ceci : http://www.w3.org/Style/Examples/007/evenodd

---

Je fait rowClasses="odd, even" mais ça ne fonctionne pas.
Quelle est la solution ?

Citation:

---

Envoyé par aamiratou

Quelle est la solution ?

---

Elle est où la définition de graybg dans ce que tu montres ?

Si tu veux utiliser deux coleur alors utiliser l'attribut rowStyleClass :

Code:

---

rowStyleClass="#{(rowId mod 2) eq 0 ? 'graybg' : 'whitebg'}"

---

où rowId est la valeur de l'attribut rowIndexVar dans la datatable

rowIndexVar="rowId"


NB:.whitebg { background-color:#FFFFFF; }
.tablebg { background-color: #D0D0A0; }

.whitebg { background-color:#FFFFFF !important; }
.graybg{ background-color: #D0D0A0 !important; }

Citation:

---

Envoyé par bruneltouopi

Si tu veux utiliser deux coleur alors utiliser l'attribut rowStyleClass :

Code:

---

rowStyleClass="#{(rowId mod 2) eq 0 ? 'graybg' : 'whitebg'}"

---

où rowId est la valeur de l'attribut rowIndexVar dans la datatable

rowIndexVar="rowId"


NB:.whitebg { background-color:#FFFFFF; }
.tablebg { background-color: #D0D0A0; }

.whitebg { background-color:#FFFFFF !important; }
.graybg{ background-color: #D0D0A0 !important; }

---

je fais

Code:

---

<p:dataTable var="tab1" id="creditsTable" style="overflow: auto; width: 900px;" paginator="true" styleClass="list" rowStyleClass="#{(rowIndexVar mod 2) eq 0 ? 'graybg' : 'whitebg'}">

---

mais ça ne fonctionne pas

tu dois définir la variable rowIndexVar

Code:

---

<p:dataTable var="tab1" id="creditsTable" style="overflow: auto; width: 900px;" paginator="true" styleClass="list" rowStyleClass="#{(rowId mod 2) eq 0 ? 'graybg' : 'whitebg'}" rowIndexVar="rowId">

---