PrimeNG Datentabelle Einstellung rowStyleClass setzt den markierten Stil

Question

Ich bin mit dem rowStyleClass und eine Datentabelle wie alle Beispielen, die ich gesehen habe, wo im html, ich habe:

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

und mit einem Verfahren:

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

und CSS:

.unselected-bg { 
    background-color: white 
} 

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

Das Problem, das ich habe, ist, dass, wenn stelle ich die rowData.select ed auf true, wird der markierte Zustand versetzt, wie in diesem Elemente Kopie gesehen:

<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]"> 

Von dort aus der Reihe schaltet die Markierungsfarbe und die Einstellung den gewählten Wertes zurück auf false ist es nicht zu entfernen. Was mache ich falsch? Ich habe auch daran gedacht, die rowStyleMap-Eigenschaft zu verwenden, aber ich habe die Dokumentation zur Verwendung nicht wirklich verstanden.

Ich verwende PrimeNG v. 4.1.2

Dank!

Answer 1

Richtige Art und Weise ist die neue p-Tabelle und ngClass verwenden, hier ist eine Demo;

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