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

时间:2017-11-15 03:12:05

标签: css angular primeng primeng-datatable

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

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

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

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

结果是表的每一行都是彩色金色,当每一行应该应用该类时。很长一段时间,但我希望这个类适用于每一行,而不是每隔一行。

enter image description here

想法?

1 个答案:

答案 0 :(得分:0)

嗯,解决方案(至少目前为止)原来是使用禁止的!important规则:

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

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