如何更改数据表的单元格颜色?

时间:2017-01-16 08:31:14

标签: css datatables

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

我找到了一些解决方案,但问题是我有近200个表,我不想逐个更新我的表颜色。有没有办法改变所有表格的颜色?

编辑:我使用简单的数据表,如;

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

1 个答案:

答案 0 :(得分: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;
}