Javascript 如何添加背景色以及如何突出显示<；tr>；我使用的是datatables 1.9.4版本

可以突出显示

的边框吗？我们可以将背景色附加到表内相同的

上吗？

根据，如果表上设置了

边框折叠，您可以设置
tr
边框的样式

CSS:

table {border-collapse:collapse;}
tr {border:2px solid black;}

HTML:

<table>
  <tr>
    <td>cell</td><td>cell</td><td>cell</td>
  </tr>
</table>


细胞

你可以从中看到结果

我不理解你关于
tr
bgColor的问题，但也许上面的小提琴会给你答案。
这里有一个“选择”功能，它突出显示整行，并带有边框-
。奇数
/
。偶数
类保留：

table.dataTable tbody tr.selected td:first child{
左边框：1px固体石灰；
}
table.dataTable tr.selected td:最后一个子项{
右边框：1px固体石灰；
}
table.dataTable tbody tr.selected td{
边框顶部：1px固体石灰；
边框底部：1px固体石灰；
背景色：黄色！重要；
}
table.dataTable tbody tr.selected td:not（：第一个子项）：not（：最后一个子项）{
左边框：0px；
右边框：0px；
}

$（“#示例”）。在（'click'，'tbody td'，function（）上{
$（this.parent（）.toggleClass（'selected'）；
});    

演示->


原始答案。这有点棘手，因为CSS中的
不支持/valid for
边框颜色

首先删除
。奇数
/
。偶数
类默认情况下，dataTables只需给
asStripeClasses
一个空数组，即可添加到表行中：

var table=$（'#示例'）.dataTable({
助理类别：[]
});

然后，这里是一个设置
石灰的边框和背景色黄色的示例：

/*在标题的底部，它们显示为第一行边框顶部*/
table.dataTable thead th{
边框底部：1px固体石灰；
}    
/*设置第一列左边框*/
table.dataTable tbody td:第一个孩子{
左边框：1px固体石灰；
边框顶部：1px固体石灰；
}
/*设置最后一列右边框*/
table.dataTable td:最后一个子项{
右边框：1px固体石灰；
边框顶部：1px固体石灰；
}
/*删除列之间的边框，或者将边框设置为背景色*/
table.dataTable tbody td:not（：第一个子项）：not（：最后一个子项）{
边框顶部：1px固体石灰；
左边框：0x；
右边框：0px；
}
/*将最后一行列边框设置为底部*/
table.dataTable tbody tr：最后一个子项td{
边框底部：1px固体石灰；
}    
/*设置所有列的背景色*/
table.dataTable tbody td{
背景颜色：黄色；
} 

演示->
，感谢您的回复，但当我使用边框折叠时：折叠；类我在删除类时得到一些垂直线，它们正在消失..如果你能提供解决方案，那就太好了。谢谢david，问了一个小问题，比如我们能把它定位到备用的吗？默认情况下，如果我删除了，我需要为的显示不同的背景色。奇数/。即使我不能显示不同的背景色，而是它对于所有的都是一样的。对于特定的，我需要删除.odd/.偶数类并附加新类以突出显示的边框和背景色。因此，当我这样做时，由于边界折叠属性的存在，我试图附加的类不会影响。当我添加该属性时，我会在application@Bhairav，好的-现在我明白了（我想）-我已经更新了答案，例如通过单击选择/取消选择整行，奇数/偶数仍然存在。你只需要改变颜色。@Bhairav，这有帮助吗？还是我应该删除答案？