fixes 13119, by tweaking the documentation of paginator examples for …

…programmatic usage
primefaces · May 31, 2023 · db45971 · db45971
1 parent 7e3bec6
commit db45971
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/app/showcase/doc/table/paginatorprogrammaticdoc.ts b/src/app/showcase/doc/table/paginatorprogrammaticdoc.ts
@@ -21,7 +21,7 @@ import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.
                 [paginator]="true"
                 [rows]="rows"
                 [showCurrentPageReport]="true"
-                [(first)]="first"
+                [first]="first"
                 [tableStyle]="{ 'min-width': '50rem' }"
                 currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries"
                 [rowsPerPageOptions]="[10, 25, 50]"
@@ -92,6 +92,11 @@ export class PaginatorProgrammaticDoc {
 
     code: Code = {
         basic: `
+<div class="mb-3">
+    <p-button type="button" icon="pi pi-chevron-left" (click)="prev()" [disabled]="isFirstPage()" styleClass="p-button-text"></p-button>
+    <p-button type="button" icon="pi pi-refresh" (click)="reset()" styleClass="p-button-text"></p-button>
+    <p-button type="button" icon="pi pi-chevron-right" (click)="next()" [disabled]="isLastPage()" styleClass="p-button-text"></p-button>
+</div>
 <p-table
     [value]="customers"
     [paginator]="true"
@@ -125,6 +130,11 @@ export class PaginatorProgrammaticDoc {
     </ng-template>
 </p-table>`,
         html: `
+<div class="mb-3">
+    <p-button type="button" icon="pi pi-chevron-left" (click)="prev()" [disabled]="isFirstPage()" styleClass="p-button-text"></p-button>
+    <p-button type="button" icon="pi pi-refresh" (click)="reset()" styleClass="p-button-text"></p-button>
+    <p-button type="button" icon="pi pi-chevron-right" (click)="next()" [disabled]="isLastPage()" styleClass="p-button-text"></p-button>
+</div>
 <div class="card">
     <p-table
         [value]="customers"