css - 如何更改数据表的单元格颜色？

Question

我正在使用 Datatables，我想更新我的表格颜色。(所有单元格颜色包括标题)。

我找到了一些解决方案，但问题是我有将近 200 个表格，我不想一张一张地更新我的表格颜色。有什么办法可以改变所有表格的颜色吗？

编辑:我正在使用简单的数据表；

$(document).ready(function() {
   $('#myDt').DataTable( {
       "paging":   false,
       "ordering": false,
       "info":     false
   } );
} );

Answer 1

我就是这样做的。

将一个类(在本例中为 DT)应用于每个数据表。

然后使用 css 覆盖颜色。

HTML

<table id="myDT" class="DT">
//Code here ...
</table>

CSS

对于标题:

.DT thead th,
.DT tfoot td {
  background-color:#111;
}

对于行和交替行:

.DT tbody tr.even,
.DT tbody tr.odd{
  background-color: #eaeaea;
}