2012-11-13 16 views
4

我正在尝试使用以下CSS更改数据表中行的颜色。更改数据表中的交替行颜色

table.dataTable tr.odd { background-color: #E2E4FF; } 
table.dataTable tr.even { background-color: white; } 

此更改似乎不影响数据表中的第一列,我可以看到其他列中的新颜色。

有人能让我知道这个问题的原因吗?

+0

是否对第一列进行排序?在数据表示示例中,它已排序,并且它也具有另一种颜色。 – Smiter

回答

12

通过使用下面的CSS解决了这个问题。

table.dataTable td.sorting_1{ background-color: white; border:1px lightgrey; } 
    table.dataTable td{ background-color: white; border:1px lightgrey;} 
    table.dataTable tr.odd { background-color: white; border:1px lightgrey;} 
    table.dataTable tr.even{ background-color: white; border:1px lightgrey; } 
+0

鼠标选择突出显示不适用于此方法。有没有办法改变内部选项或内容,而不是修改css内的数据表代码的条形颜色? – rmf

+0

这打破了我的其他一些CSS设置。 –