Discussion :

[aamiratou]

Bonjour,

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

Dans dataTable je fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

puis dans la classe CSS je fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[ellix86]

Bonjour,

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


Cordialement

[aamiratou]

Ç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 ?

[Laurent.B]

Quelle est la solution ?

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

[bruneltouopi]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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; }

[aamiratou]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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