Question

我正在使用rowStyleClass和一个数据表，就像我在html中看到的所有示例一样：

<p-dataTable [value]="group.data" sortField="displayName" sortMode="single" [rowStyleClass]="getSelected" 
        [rowTrackBy]="dataTrackBy" [responsive]="true">

并使用方法：

getSelected(rowData: DataItem) {
    return rowData.selected ? 'selected-bg' : 'unselected-bg';
}

和css：

.unselected-bg {
    background-color: white
}

.selected-bg {
    background-color: #d9edf7;
}

我遇到的问题是，当我将rowData.selected设置为true时，突出显示的状态会被设置，如此元素副本中所示：

<tr class="ui-datatable-odd ui-widget-content selected-bg ui-datatable-even ui-state-highlight" ng-reflect-klass="ui-widget-content selected-bg" ng-reflect-ng-class="[object Object]">

从那里开始，该行将突出显示颜色，并将所选值设置为false不会将其删除。我究竟做错了什么？我也想过使用rowStyleMap属性，但我并不真正理解有关如何使用的文档。

我使用的是PrimeNG v.4.1.2

谢谢！

Answer 1

正确的方法是使用新的p-table和ngClass，这是一个演示;

https://www.primefaces.org/primeng/#/table/style

PrimeNG数据表设置rowStyleClass设置突出显示的样式

1 个答案: