how to customize the paginator in primeNG when i set the value of paginator preperty to true?

Discussão em 'Angular' iniciado por Mohammed Gamal, Janeiro 28, 2025.

  1. i have a table with the following:

    <p-table [value]="applications"
    [paginator]="true"
    [rows]="rowsPerPage"
    [rowsPerPageOptions]="[5, 10, 20]"
    [paginatorPosition]="'bottom'"
    [responsiveLayout]="'scroll'"
    [showCurrentPageReport]="true"
    [totalRecords]="applications.length"
    [showFirstLastIcon]="true"
    currentPageReportTemplate="Showing {first} to {last} of {totalRecords}">


    when i set the value of the paginator to true i can't seem to modify the styling of the paginator classes and it always have the basic look this

    basic paginator

    how to access and modify the styling on the prev and next buttons and the buttons of the pages?

    Thanks

    Continue reading...

Compartilhe esta Página