Я пытаюсь условно назначить класс css заголовку группы строк из p-datatable от PrimeNG.
Я пытался использовать ngClass внутри тега ng-template, но это не работает, потому что объект 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>
Спасибо за ваше время.