PrimeNG DataTable을 설정 rowStyleClass은 강조 스타일

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.select를 설정할 때 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