/Javascript/AngularJS/How we can use pagination in angular material and spring boot

How we can use pagination in angular material and spring boot

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<table mat-table [dataSource]="todoDatasource" class="mat-elevation-z8">
 
    <!--- Note that these columns can be defined in any order.
          The actual rendered columns are set as a property on the row definition" -->
 
    <ng-container matColumnDef="id">
      <th mat-header-cell *matHeaderCellDef> Id </th>
      <td mat-cell *matCellDef="let element"> {{element.id}} </td>
    </ng-container>
 
    <!-- Name Column -->
    <ng-container matColumnDef="task">
      <th mat-header-cell *matHeaderCellDef> Task </th>
      <td mat-cell *matCellDef="let element"> {{element.task}} </td>
    </ng-container>
 
    <!-- Weight Column -->
    <ng-container matColumnDef="done">
      <th mat-header-cell *matHeaderCellDef> Done </th>
      <td mat-cell *matCellDef="let element"> {{element.done}} </td>
    </ng-container>
 
    <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
    <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
  </table>
  <mat-paginator [pageSizeOptions]="[10, 25, 100]" [pageSize]="10"></mat-paginator>

Source: shekhargulati.com

Similar codes

0 vote252 views1 answer
Function.bind(this) angular
Javascript AngularJS
5 votes262 views2 answers
Generate component with module angular 8
Javascript AngularJS
5 votes244 views2 answers
Display rond logo in angular
Javascript AngularJS
2 votes272 views2 answers
If 'router-outlet' is an Angular component, then verify that it is part of this module.
Javascript AngularJS
6 votes318 views1 answer
Get value onChange from mat-select angular
Javascript AngularJS
0 vote255 views1 answer
Tab key event in angular
Javascript AngularJS
0 vote302 views1 answer
If else condition in angular if user enter string value in input integer
Javascript AngularJS
0 vote240 views1 answer
Function every time you route angular
Javascript AngularJS
0 vote241 views1 answer
List of string angular
Javascript AngularJS
0 vote266 views1 answer
Searchbox in api news in angular
Javascript AngularJS