在最新版本的 PrimeNG 中，图标排序的方式发生了变化。他们曾经只是有一个i带有 CSS 类的标签，我可以在 CSS 中覆盖它以使用我公司的图标：
但现在他们使用带有 SVG 的模板：
我在他们的发行说明中看到如何覆盖菜单中的图标，例如下拉箭头：https://primeng.org/customicons https://primeng.org/customicons
但在 p-sorticon 的情况下，根据列的排序状态，可以显示 3 个不同的图标。那么如何使用新的模板方法来替换表格排序图标呢？我没有看到任何文档。
我们终于弄清楚了：
<ng-template pTemplate="sorticon" field="col.field" let-sortOrder>
<SortAltIcon *ngIf="sortOrder === 0">
<span><i class="p-sortable-column-icon pi pi-fw pi-sort-alt" aria-hidden="true"></i></span>
</SortAltIcon>
<SortAmountUpAltIcon *ngIf="sortOrder === 1" [styleClass]="'p-sortable-column-icon'">
<span><i class="p-sortable-column-icon pi pi-fw pi-sort-amount-up-alt" aria-hidden="true"></i></span>
</SortAmountUpAltIcon>
<SortAmountDownIcon *ngIf="sortOrder === -1" [styleClass]="'p-sortable-column-icon'">
<span><i class="p-sortable-column-icon pi pi-fw pi-sort-amount-down" aria-hidden="true"></i></span>
</SortAmountDownIcon>
</ng-template>
更换i标记您要使用的图标类，或删除i标记并使用您选择的 SVG。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
