【问题标题】:p-datatable rowStyleClass doesn't style every rowp-datatable rowStyleClass 不会设置每一行的样式
【发布时间】:2017-11-15 03:12:04
【问题描述】:

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

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

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

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

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

想法?

【问题讨论】:

    标签: css angular primeng primeng-datatable


    【解决方案1】:

    嗯,解决方案(至少现在)结果证明是使用禁止的!important 规则:

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

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

    【讨论】:

      猜你喜欢
      • 2019-09-08
      • 2018-04-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-03-24
      • 2023-03-11
      • 1970-01-01
      • 2018-09-22
      相关资源
      最近更新 更多