Discussion :

[raimus88]

Bonjour

Je me pose la question comment intégrer du css dans un rich:dataTable ? J'ai essayé d'integrer un id dans certaines balise comme "f:facet" ou "rich:column" pour l'utiliser dans une feuille css mais ca ne marche pas.

Je vous donne mon exemple de code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
<ui:define name="content">
            <rich:dataTable value="#{MemberController.memberName}" var="cap" rows="4" cellpadding="0" cellspacing="0"
                    width="700" border="1">
                <f:facet name="caption">
                        <h:outputText value="Membres" />
                </f:facet>
                <f:facet name="header">
                        <h:outputText value="Data de la table -- Membres --" />
                </f:facet>
                <rich:column>
                        <f:facet name="header">Nom</f:facet>
                                <h:graphicImage value="#{cap.nom}"/>
                        <f:facet name="footer">nom...</f:facet>
                </rich:column>
                <rich:column>
                        <f:facet name="header">Prenom</f:facet>
                                <h:outputText value="#{cap.prenom}"/>
                        <f:facet name="footer">prenom...</f:facet>
                </rich:column>
                <rich:column >
                        <f:facet name="header">Telephone</f:facet>
                                <h:outputText value="#{cap.phone}"/>
                        <f:facet name="footer">telephone...</f:facet>
                </rich:column>
                <f:facet name="footer">
                        <h:outputText value="Voici mes membres" />
                </f:facet>
            </rich:dataTable>
        </ui:define>

Comment puis je mettre des couleurs différentes selon les rich:column par exemple ??

Merci de votre aide

[totoz]

Salut
pour ajouter css dans votre dataTable tu peut utiliser l'attribut style de dataTable
bonne chance

[raimus88]

Oui merci je vie,s de le tester mais le soucis est qu'il effectue le css sur tout le dataTable (normal).

J'aimerais l'utiliser juste sur le rich:column. J'aiessayé mais sans succé :

Code :

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

]<rich:column styleClass="justifyLeft1">

puis:

Code :

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

1
2
3
4
 
.justifyLeft1 {
    color:fuchsia;
}

Code :

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

]<rich:column styleClass="justifyLeft2">

puis:

Code :

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

1
2
3
4
 
.justifyLeft2 {
    color:fuchsia;
}

Code :

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

<rich:column styleClass="color:white">

*

Code :

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

<rich:column style="color:white">

Quelqu'un à une solution....Merci

[scorplayer]

Tu ne peux pas utiliser les attributs headerClass et footerClass de la balise column?

[raimus88]

Tu ne peux pas utiliser les attributs headerClass et footerClass de la balise column?

Tu peux m'expliquer comment on les utilise. Je débute avec les facelets

merci

[scorplayer]

Essaies de faire quelque chose du style :

Code :

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

<rich:column headerClass="dataTableHeader">

Sinon va voir ici si tu peux trouver ton bonheur.
Doc complète (exemple d'utilisation de l'attribut headerClass avec la balise extendedDataTable)

(les composants principaux RichFaces)