rich:column onmouseover seems to remove rich:dataTable onRow

[mail.micke]

Hi,
I'm trying to highlight individual table cells in a column of a datatable when the mouse hovers over it.

I just tried adding onmouseover/onmouseout attributes to the rich:column tag, which almost works.
Adding them seems to break the onRowMouseOver/onRowMouseOut of the datatable.

Before hovering over a cell the entire row is is higlighted as excpected by the onRowMouseOver attribute of the datatable.
But after hovering over a cell of a column with onmouseover on the columns element, that cell doesn't get highlighted when over the row anymore.

Example of column definition:

<rich:column
 onmouseover="this.style.backgroundColor='#880000'"
 onmouseout="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
 onclick="SomeFunc();"
 rendered="#{trb.cellRendered['value6']}">
 <f:facet name="header">
 value6
 </f:facet>
 #{row.value6}
</rich:column>

Any ideas how I can accomplish what I want?

Cheers,
Mike

[mail.micke]

ping

Sorry for this ping, but I'd like to get this seemingly simple problem resolved.

If my problem description is fuzzy or further details are needed please let me know.

[ilya_shaikovsky]

<rich:dataTable value="#{capitalsBean.capitals}" var="cap" rows="10" id="table" onRowMouseOver="this.style.backgroundColor='#000000'" onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'">
...
<rich:column onmouseover="this.style.backgroundColor='#880000'"
 onmouseout="this.style.backgroundColor=''">

It should work as you need.

[ilya_shaikovsky]

sorry for long delay. The reason is after you set onmouseout style to td - it takes higher priority than tr style.

[mail.micke]

Works fine now.

Now that you've explained why its obvious :)

Many thanks,
Mike