如何更改 PrimeNG 数据表扩展器图标

Question

我正在使用PrimeNG数据表。下面是我的代码：

<p-dataTable [value]="alerts" [expandableRows]="true" [expandedRows]="expandedItems" #dt>
<p-column expander="true"></p-column>
</p-dataTable>

如何更改行扩展器的默认图标？

Answer 1

你可以像这样覆盖你的组件 CSS：

::ng-deep .fa-chevron-circle-right::before {
content: "f055";
color: green;
}
::ng-deep .fa-chevron-circle-down::before {
content: "f056";
}

查看堆栈闪电战