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

Posted 2023-03-06

【中文标题】如何更改 PrimeNG 数据表扩展器图标

【英文标题】：How to change PrimeNG datatable expander icon

【发布时间】：2018-01-27 07:02:42

【问题描述】：

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

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

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

【问题讨论】：

这对您有帮助吗？ ***.com/a/8790095/5468463

【参考方案1】：

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

::ng-deep .fa-chevron-circle-right::before 
  content: "\f055";
  color: green;


::ng-deep .fa-chevron-circle-down::before 
  content: "\f056";

见StackBlitz