Css Priming datatable setting rowStyleClass正在设置高亮显示的样式
我正在使用rowStyleClass和datatable,就像我看到的所有示例一样,在html中,我有: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 {
<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]">