【问题标题】:How to change cell color of datatables?如何更改数据表的单元格颜色?
【发布时间】:2017-01-16 08:31:14
【问题描述】:

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

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

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

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

【问题讨论】:

  • 请发布您的代码...

标签: css datatables


【解决方案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;
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-04-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-06
    • 2015-01-24
    • 1970-01-01
    • 2018-09-13
    相关资源
    最近更新 更多