[Richfaces] datatable et css pour surligner une ligne
Bonjour, j'ai essayé en javascript/css de mettre en surbrillance une ligne lorsque la souris est dessus celle-ci en rajoutant ceci dans la balise <rich:datable>:
Code:
onRowMouseOver="this.style.backgroundColor='#F1F1F1'" onRowMouseOut="this.style.backgroundColor='#000000'"
mais ça ne marche pas.
J'ai essayé de faire la même chose en CSS en faisant:
Code:
1
2
3
| .rich-table-firstrow:hover {
background:##F1F1F1;
} |
J'ai constaté qu'en plus de ce CSS les balises <tr> des composants richfaces avaient un autre css/skin qui se combinait au mien: dr-rich-table-firstrow mais je n'arrive pas à trouver la trace de ce css par défaut avec firebug.
J'ai aussi constaté que lorsque je fais la même chose pour une cellule et non pas pour une ligne cela marche. 8O
Voilà mon tableau
Code:
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
| <rich:dataTable value="#{MetascenarioMB.metascenario.fournisseurCollection}" id="table" var="ref" rows="10" reRender="scroller">
<f:facet name="header">
<rich:columnGroup>
<rich:column styleClass="nothing"/>
<rich:column>
<h:outputText value="#{msg.law_reliability_delivery}" />
</rich:column>
<rich:column>
<h:outputText value="#{msg.law_delay_payment_client}" />
</rich:column>
</rich:columnGroup>
</f:facet>
<rich:column styleClass="first">
<h:outputText value="#{ref.nom}" />
</rich:column>
<rich:column>
<h:selectOneMenu id="loifia" value="#{ref.loifia}" required="true">
<f:selectItems value="#{MetascenarioMB.typeLawReliability}"/>
</h:selectOneMenu>
</rich:column>
<rich:column>
<h:inputText id="delpai" value="#{ref.delpai}" required="true">
<f:validateLongRange minimum="0" maximum="99"/>
</h:inputText><h:outputText value="#{msg.month}"/>
<rich:message for="delpai" styleClass="errorMessage">
<f:facet name="errorMarker">
<h:graphicImage url="resources/img/error.gif"/>
</f:facet>
</rich:message>
</rich:column>
</rich:dataTable> |
Je tiens à signaler que tous mes autres css concernant richfaces ou les balises html fonctionnent.
Environnement:
Firefox 3.5 avec Firebug
