How To Highlight Rows Of Extended Datatable When Mouse Is Over In Jsf?

I am trying to do highlight the rows of the extended datatable when mouse is over. Here is my datatable:

Solution 1:

Using onrowmouseover and onrowmouseout worked fine on my end. Try using rowClass attribute of <rich:extendedDataTable> and define a rule in your stylesheet like so.

.test:hover {
    background-color: yellow; 
}

And do

<rich:extendedDataTablerowClass="test">

Remember to set your <h:outputStylesheet> in <h:head>

Share

You may like these posts

• 
  Javascript Does Not Work Under Jsf Template
• 
  How To Validate An Value Submitted By A Spinner
• 
  Setstyleclass Method Is Overriding The Already Defined Styleclass
• 
  How Link To And Target/open A P:tab Within An P:accordionpanel Within A P:tab Within A P:tabview