How to use PrimeIcons with table/grid paginator

Question

I am trying to build and the font awesome is large so I am trying to completely replace it with 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'>

The paginator doc does not show anything.

Answer 1

Updated to the PrimeNG:

"primeng": "^6.1.4",

and the problem is solved.

Hey DirtyMind: You referenced a different version and that triggered the solution.

Answer 2

I created your scenario i used primeNg 6:

• Step 1: npm install primeicons --save
• Step 2: Import the prime icons in style.css or angular.json

I added the in style.css like below :

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

And use Icon anywhere in your app:

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

And it is working as expected. Make sure you are importing primeicons path in style.css correctly. I think you might miss importing icons.