4 Replies Latest reply on Aug 3, 2007 10:41 AM by Mikael Andersson

    rich:column onmouseover seems to remove rich:dataTable onRow

    Mikael Andersson Master

      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