在鼠标移到/移出时装饰dataTable行

Question

在普通html中，当我想指出一个表行时，我只需写:

<tr onmouseover="javaScript_(jQuery)_Code_To_Add_Pointed_Out_Class"
    onmouseout="javaScript_(jQuery)_Code_To_Remove_Pointed_Out_Class">
...
</tr>

在JSF的<h:dataTable>中有办法做到这一点吗?是关于Primefaces还是别的什么?

Answer 1

样式是由CSS完成的。例如

<h:dataTable styleClass="myTableClass">
    ...
</h:dataTable>

.myTableClass>tbody>tr { 
    background: pink;
}
.myTableClass>tbody>tr:hover { 
    background: purple; 
}