如何自定义带有多组启用的推荐表中特定列的图标颜色？

Question

I正在使用具有多组功能的推荐表，我需要更改特定列的排序图标的颜色。具体而言，我希望

Code

列中的排序图标为红色，并且

Quantity

列中的排序图标为黄色。在其他列中，我想将不同的自定义颜色应用于排序图标。 我已经检查了推荐文档，但找不到任何特定自定义的参考或解决方案。请建议任何想法/参考链接。谢谢

代码链接：

-primereact表示例

在您的组件中：

Answer 1

CSS文件（CustomSorticons.css）：

.code-column-header .p-sortable-column-icon {
    color: red;
}

.quantity-column-header .p-sortable-column-icon {
    color: yellow;
}

.name-column-header .p-sortable-column-icon {
    color: blue;
}

.category-column-header .p-sortable-column-icon {
    color: green;
}