在primeNg p表中取消选中行时更改颜色,可以通过以下步骤实现:
<p-table [value]="data" selectionMode="single" [(selection)]="selectedRow">
<ng-template pTemplate="body" let-rowData let-rowIndex="rowIndex">
<tr [class.selected-row]="isSelected(rowData)">
<!-- 表格内容 -->
</tr>
</ng-template>
</p-table>
.selected-row {
background-color: blue;
}
isSelected(rowData: any): boolean {
return this.selectedRow === rowData;
}
selectedRow: any = null;
这样,当取消选中行时,p表中的选中行将不再具有"selected-row"类,从而改变了行的颜色。
对于primeNg p表中取消选中行时更改颜色的实现,腾讯云提供了一系列适用于前端开发的云产品,如云服务器、云函数、云存储等。您可以根据具体需求选择适合的产品。更多关于腾讯云前端开发产品的信息,请参考腾讯云前端开发产品介绍页面:腾讯云前端开发产品。
领取专属 10元无门槛券
手把手带您无忧上云