如何将PrimeIcons与表/网格分页器结合使用

Question

我正在尝试构建，字体很大，所以我尝试用PrimeIcons来完全替换它。

<p-table #dt id='incidents-grid' [value]='incidents' [totalRecords]='totalRecords'
    expandableRows='true' [responsive]='true' dataKey='IncidentId' *ngIf='visible'
    [rows]='5' [paginator]='true' [rowsPerPageOptions]='[5,10,50]'
    [lazy]='true' (onLazyLoad)='loadIncidentsLazy($event)' [loading]='loading'>

分页器文档没有显示任何内容。

Answer 1

更新到PrimeNG：

"primeng"："^6.1.4"，

问题就解决了。

嘿，DirtyMind:你引用了一个不同的版本，这触发了解决方案。

Answer 2

我使用primeNg 6创建了您的场景：

• 步骤1: npm安装原始图标--保存
• 步骤2:导入style.css或angular.json中的主要图标

我添加了如下所示的in style.css：

@import '../node_modules/primeng/resources/primeng.min.css';
@import '../node_modules/primeng/resources/themes/omega/theme.css';
@import '../node_modules/primeicons/primeicons.css';

在应用程序中的任何地方使用图标：

<p-tabView class="tabdetail">
       <p-tabPanel header="Basic Info" leftIcon="pi pi-calendar">
       </p-tabPanel>
</p-tabView>

它正在如预期的那样运作。确保您正在正确导入style.css中的原始图标路径。我想你可能会错过导入图标。