Search code examples
jsfrichfacesmouseoverzebra-striping

JSF RichFaces:a4jSkin.tableBackgroundColor behaviour for zebra table

jsf:

<rich:dataTable id="files" styleClass="table" headerClass="header"
value="#{file}" var="fileRecord" rendered="#{file.rowCount>0}"
rowClasses="even,odd" onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'">
<rich:column>

precondition:
have zebra styled table with white and gray colored rows
steps:
1. mouse hover on row,it's hovered ok
2. mouse out and it becomes white

postcondition: table lost its "zebraness"

It's occurred bevcause of #{a4jSkin.tableBackgroundColor} evaluated to white color.
How to preserve zebra styling?

Thank you for any assistance.

Solution

  • should be changed to:

    #{a4jSkin.rowBackgroundColor}