Discussion :

[Anomen]

Bonjour,

J'essaie de modifier la class du <tr> qui est généré pour faire le header d'un <h:datatable>, mais je n'arrive qu'à modifier la class des <th>.

Par exemple :

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
<h:dataTable id="dbmUserList1" value="#{pc_Index.dbmUserList}"
        var="vardbmUserList" styleClass="dataTable" headerClass="headerClass"
        footerClass="footerClass" rowClasses="rowClass1, rowClass2"
        columnClasses="columnClass1" border="0" cellpadding="2"
        cellspacing="0">
        <h:column id="usermail2column">
            <f:facet name="header">
                <h:outputText styleClass="outputText" value="Usermail"
                    id="usermail2text"></h:outputText>
            </f:facet>
            <h:outputLink styleClass="outputLink" id="link1" value="/test/edit.faces?usermail=#{vardbmUserList.usermail}">
            <h:outputText styleClass="outputText" id="usermail2"
                value="#{vardbmUserList.usermail}">
            </h:outputText>
            </h:outputLink>
        </h:column>
        <h:column id="username2column">
            <f:facet name="header">
                <h:outputText styleClass="outputText" value="Username"
                    id="username2text"></h:outputText>
            </f:facet>
            <h:outputText styleClass="outputText" id="username2"
                value="#{vardbmUserList.username}">
            </h:outputText>
        </h:column>
    </h:dataTable>

Me génèrera ceci :

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
 
 <table id="dbmUserList1" class="dataTable" border="0" cellpadding="2" cellspacing="0">
 
<thead>
<tr>
<th class="headerClass" scope="col"><span id="dbmUserList1:usermail2text" class="outputText">Usermail</span></th>
<th class="headerClass" scope="col"><span id="dbmUserList1:username2text" class="outputText">Username</span></th>
</tr>
</thead>
<tbody>
<tr class="rowClass1">
<td class="columnClass1"><a id="dbmUserList1:0:link1" name="dbmUserList1:0:link1" href="/test/edit.faces?usermail=toto@toto.com" class="outputLink"><span id="dbmUserList1:0:usermail2" class="outputText">toto@toto.com</span></a></td>
<td class="columnClass1"><span id="dbmUserList1:0:username2" class="outputText">Toto Toto</span></td>
</tr>
</tbody>
</table>

Donc moi je voudrais éditer le premier "<tr>" dans le <thead> par : <tr class="maClasse">... Je n'ai pas trouvé l'option dans <h:dataTable>...

Est-ce au moins possible ?


Merci de vos réponses !

[Sniper37]

headerClass ne résout pas ton problème??

[Anomen]

Eh non le headerClass modifie la classe du <th>, et non du <tr> ^^

Vous allez me dire que je peux me débrouiller avec ça, mais j'ai des contraintes de CSS qui font que je suis obligé d'utiliser le <tr> (en fait le CSS est déjà défini, et je ne peux pas le modifier !).

[Sniper37]

tu peux jouer avec l'heritage de class css, pose la question dans le forum CSS, je ne vois de solution en JSF.

en css tu peux définir quelque chose comme:

Code :

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

1
2
3
4
 
tr headerClass {
 
}

[Anomen]

OK bon ça m'évite de chercher pour rien pendant 2 jours. Comme je ne peux pas modifier le CSS, je ne peux pas jouer avec l'héritage non plus. Je ne vois qu'une seule solution là : c'est éditer l'attribut class du tr avec un javascript en fin de chargement de page... avec du jquery ou tout autre lib qui le permet.

Mais bon.. pas la classe quand même

Merci