0

demo I want to add custom prev and next button to change the page. similar functionality as material pagination. Creating two buttons on left and right side of the goTo dropdown

<mat-paginator
    [length]="length"
    [pageIndex]="pageIndex"
    [pageSize]="pageSize"
    [pageSizeOptions]="pageSizeOptions"
    (page)="paginationChange($event)"
  >
  </mat-paginator>
  **<a>Prev </a>**
  <div class="go-to-container">
    <div class="go-to-label">Go To:</div>

    <mat-form-field>
      <mat-select [(ngModel)]="goTo" (selectionChange)="goToChange()">
        <mat-option
          *ngFor="let pageNumber of pageNumbers"
          [value]="pageNumber"
          >{{ pageNumber }}</mat-option
        >
      </mat-select>
    </mat-form-field>
    <span id="paginationDescription" class="col-form-label text-nowrap px-2">
      of {{ pageNumbers.length }}</span
    >
  </div>
  **<a> Next </a>**
</div>

0 Answers0