Css Priming datatable setting rowStyleClass正在设置高亮显示的样式

Css Priming datatable setting rowStyleClass正在设置高亮显示的样式,css,angular,primeng,Css,Angular,Primeng,我正在使用rowStyleClass和datatable,就像我看到的所有示例一样,在html中,我有: <p-dataTable [value]="group.data" sortField="displayName" sortMode="single" [rowStyleClass]="getSelected" [rowTrackBy]="dataTrackBy" [responsive]="true"> 和css: .unselected-bg {

我正在使用rowStyleClass和datatable,就像我看到的所有示例一样,在html中,我有:

<p-dataTable [value]="group.data" sortField="displayName" sortMode="single" [rowStyleClass]="getSelected" 
        [rowTrackBy]="dataTrackBy" [responsive]="true">
和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属性,但我并不真正理解有关如何使用的文档

我用的是Priming v。4.1.2


谢谢

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


我不确定我是否理解您的问题。如何选择或取消选择行?你能最终创建一个Plunker吗?那么从一个p表构建一个p-datatable呢?
<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]">