时间戳

首页 > 解决方案 > 有条件地将类分配给 PrimeNG p-datatable 行组标题

javascript - 有条件地将类分配给 PrimeNG p-datatable 行组标题

问题描述

我正在尝试有条件地将 CSS 类分配给来自 PrimeNG 的 p-datatable 的行组标题。

我尝试在 ng-template 标记内使用 ngClass ，但这不起作用，因为 rowData 对象未定义。看起来是这样的：

[ngClass]="rowData.isNewObject? 'objects-added' : 'objects-existing'"

请注意，我正在尝试设置组标题本身的样式，而不是正在分组的行。

这是我正在使用的总体思路：

<p-dataTable 
    [value]="tableData" 
    sortField="!isNewObject" 
    rowGroupMode="subheader" 
    groupField="isNewObject">

    <ng-template 
      pTemplate="rowgroupheader" 
      let-rowData>
      {{rowData.isNewObject == true ? "NEW OBJECTS" : "EXISTING OBJECTS"}}
    </ng-template>
    <p-column field="isNewObject" header="Is Object New?"></p-column>
</p-dataTable>

感谢您的时间。

标签： javascriptangularsassprimengprimeng-datatable

解决方案

推荐阅读