jquery - datatables jquery - 行的替代颜色

Question

我在我的应用程序中使用了数据表 jquery。当我使用 datatables jquery 为我的行设置备用颜色时，我遇到了一个问题。即，在表格中，第 2、3、4、5、n 6 行都以相同的颜色显示，之后颜色交替显示。谁能帮我解决这个问题？提前致谢。

我在 jquery.datatables.css 中的代码：

table.dataTable tr.odd { background-color:  red; }
table.dataTable tr.even { background-color: green;  }

我附上了表格的截图。

当我检查时，每一行都有 class="even" 或 class="odd" 但第 2、3、4、5、6 行有 class="odd even"。我不知道为什么会这样。

Answer 1

找到了答案：

table.dataTable tr{ background-color:  red; }
table.dataTable tr:nth-child(even)  { background-color: green;  }

Answer 2

尝试:odd和:even伪选择器

table.dataTable tr:odd { background-color:  red; }
table.dataTable tr:even { background-color: green;}

Answer 3

在我的应用程序中，我使用过

#tableid >  thead >tr  {background: #0F0}   /* to color thead*/


table.dataTable tr.odd { background-color:  red; }   /* tr. not tr: */
table.dataTable tr.even { background-color: green;}

作为CSS规则，它可以工作。希望同样适用于您的应用程序。

Answer 4

下面的代码应该可以工作。在数据表 css 文件中添加这些行

table.dataTable >tbody td {
    text-align: center;
    background: #99BCDB;
}

table.dataTable > tbody tr.odd td { 
    background: #EBF2F8
;
}