primeNG - 为dataTable实现css样式

Question

我想更改DataTable的颜色但我无法实现自定义css。请帮我理解如何做到这一点。我在PrimeNG网站上阅读了这些文档。

我确实使用以下方式更改了thead样式：

.ui-datatable .ui-datatable-thead > tr > th {background: red;}

但我想知道如何使用[styleClass]来实现我的自定义颜色。

Answer 1

将!important标记标记为自定义样式。可能它适合你。

.ui-datatable .ui-datatable-thead > tr > th {
   background: red !important;
}

Answer 2

您可以使用以下css

.ui-state-default.ui-unselectable-text {
    background-color: red !important;
}