css - p-datatable rowStyleClass 不会为每一行设置样式

Question

我正在使用 <p-dataTable [rowStyleClass]="rowStyler" etc> ，我的组件中的方法如下所示:

  newRowFormat(rowData, rowIndex) {
    return('newRow');
  }

在组件 CSS 中，类 newRow 如下所示:

:host /deep/ .newRow {
  background-color: gold;
}

结果是表格的每一行都被涂成金色，而每一行都应该应用该类。说来话长，但我希望该类应用于每一行，而不是每隔一行。

想法？

Answer 1

好吧，解决方案(至少目前)是使用禁止的 !important 规则:

:host /deep/ .newRow {
  background-color: gold!important;
}

不太喜欢它(或理解它为什么有效)，但它确实有效。尝试覆盖 PrimeNG 样式要求我在这种情况下使用 :host/deep/ 以及 !important。