css - 如何更改 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";
}

参见 StackBlitz