jquery - 数据表突出显示不起作用

Question

这是我的link举个例子:你能告诉我，为什么行和列的突出显示不起作用？

Answer 1

您可以使用以下定义仅在 CSS 中执行此操作，无需任何脚本:

 #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
     background-color: yellow;
}
 #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
     background-color: yellow;
}
 #example tr.even:hover {
     background-color: yellow;
}
 #example tr.even:hover td.sorting_1 {
     background-color: yellow;
}
 #example tr.even:hover td.sorting_2 {
     background-color: yellow;
}
 #example tr.even:hover td.sorting_3 {
     background-color :yellow;
}
 #example tr.odd:hover {
     background-color: yellow;
}
 #example tr.odd:hover td.sorting_1 {
     background-color: yellow;
}
 #example tr.odd:hover td.sorting_2 {
     background-color: yellow;
}
 #example tr.odd:hover td.sorting_3 {
     background-color: yellow;
}
 

是的，很多!您需要为您的表 ID 设置#id。

Here is an updated BIN

或者，如果您只想突出显示行而不为奇数/偶数/排序等特殊情况着色，您可以将其归结为这个简单的规则:

#example tbody tr:hover{
   background-color: yellow;
}

看here

如果您想要列和行都突出显示，您需要将 @SPECs 答案和我的答案结合起来。

Like so