数据表标题颜色问题

【问题标题】：Issue with Datatables Header colour数据表标题颜色问题
【发布时间】：2017-11-09 04:10:02
【问题描述】：

我在我的项目中使用 dataTable 并使用 jquery UI 作为样式框架，我希望更改表头颜色，所以我使用.ui-datatable-header 更改颜色，但它对我的表没有任何影响，请建议我一些解决方案，这是工作demo

【问题讨论】：

欢迎来到stackoverflow。请参阅stackoverflow.com/help/how-to-ask 和stackoverflow.com/help/mcve。即不链接到示例 bur 显示相关代码和您的努力；除此之外，嵌套的 CSS 不起作用。只需定位元素并将新值设置为适当的属性，您可以通过在浏览器中检查元素来了解如何。

【解决方案1】：

dataTables jQueryUI 样式框架中没有名称为.ui-datatable-header 的类。事实上你写错了代码，你不能嵌套样式。

.DTFC_LeftFootWrapper {
    display:none;
  .ui-datatable-header{ background: blue;} 
}

要更改表格标题的颜色，只需使用以下 css

table.dataTable thead th.ui-state-default {
  background: blue;
}

【讨论】：