Discussion :

[fatou38]

Bonjour,
J'ai un dataTable et j'aimerais que les couleurs des lignes soient alternées mais apparement il tient pas compte de l'attribut rowClasses par si je change en rClasses je n'ai pas d'erreur. voici le 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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
 
<ui:define name="pageBody" >
 
 
 
			<h:dataTable width="100%" border="0" id="values"  var="record" value="#{Bean.list}"  binding="#{Bean.myDataTable}" rowClasses="pair,impair" >
 
				<h:column>
 
					<f:facet name="header">
						<h:outputText value="Etoiles" />
					</f:facet>
 
 
					<h:graphicImage  alt="jsf-sun" url="images/etoiles/etoile#{record.predictiveeval}.png"/>
 
 
 
				</h:column>	
				<h:column>
 
					<f:facet name="header">
						<h:outputText value="Note" />
					</f:facet>
 
					<h:form>
					<h:selectOneMenu value="#{record.predictiveeval}" valueChangeListener="#{Bean.Change}" onchange="submit()" immediate="true">
							<f:selectItem itemValue="0" itemLabel="Pas vu"/>
							<f:selectItem itemValue="1" itemLabel="1"/>
							<f:selectItem itemValue="2" itemLabel="2"/>
							<f:selectItem itemValue="3" itemLabel="3"/>
							<f:selectItem itemValue="4" itemLabel="4"/>	
							<f:selectItem itemValue="5" itemLabel="5"/>
					</h:selectOneMenu>
					</h:form>
 
				</h:column>
 
				<h:column>
					<f:facet name="header">
					<h:outputText value="Titre" />
 
					</f:facet>
					<h:outputText value="#{record.title}"/><br/>
					<h:outputText value="#{record.image}"/>
				</h:column>
 
			</h:dataTable>
 
 
 
 
 
	</ui:define>

Dans le css j'ai

Code :

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

1
2
3
4
 
.pair {
	background-color:#bbccff;
}

Quelq'un a deja eu ce probleme?
Merci pour votre aide

[romaintaz]

Salut,

Moi je n'ai pas eu de soucis pour ça.
Dans ton CSS, tu as bien défini .impair aussi ?

[fatou38]

Rebonjour,
Oui jai bien defini impair aussi ça ne change rien. Je ne comprends pas.

[romaintaz]

Bon, je ne sais pas si ça peut aider, mais moi en général je définis d'abord mes headers, puis ensuite mes colonnes (alors que dans ton code, il y a un header + un <h:column> pour chaque colonne du tableau).
Franchement, je doute que ça change grand chose...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<h:dataTable ...>
    <f:facet name="header">
        <h:columnGroup>
            <h:column>...</h:column>
            <h:column>...</h:column>
            ...
        </h:columnGroup>
    </f:facet>
 
    <h:column>...</h:column>
    <h:column>...</h:column>
    ...
</h:dataTable>