Primeng 15 如何覆盖 Angular 15 中的默认排序图标

问题描述 投票:0回答:2
primeng primeng-datatable angular15 primeng-table
2个回答
0
投票

您尝试过的方法不起作用,因为它不在 primeng 中:Github 问题。您可以从这里

尝试CSS解决方案

0
投票

您可以像下面这样覆盖它,

    p-sortIcon {
    .p-iconwrapper {
        font-family: 'primeicons', Arial, sans-serif;
        justify-content: center;
        font-size: 19px;
        &:before{
            content: '\e900'; /* modify as per your requirement  */
        }

        svg {
            display: none;
        }
    }

    sortamountupalticon.p-iconwrapper:before {
        content: '\e900'; /* modify as per your requirement */
    }

    sortamountdownicon.p-iconwrapper:before {
        content: '\e900'; /* modify as per your requirement */
    }
}

在上面的例子中,我们使用 primeicons 覆盖图标。您可以根据您的要求进行修改。

© www.soinside.com 2019 - 2024. All rights reserved.