ngx-datatable add server side pagination
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<!--- html side ---> <ngx-datatable class="bootstrap" [rows]="rows" [columnMode]="'force'" [headerHeight]="50" [footerHeight]="50" [rowHeight]="'auto'" [limit]="entry" (sort)="onSort($event)" (page)="pageCallback($event)" [offset]="page" [count]="total" [externalPaging]="true"> <ngx-datatable-column prop="FirstName" name="Name"> <ng-template let-row="row" ngx-datatable-cell-template> {{row.FirstName}} {{row.LastName}} </ng-template> </ngx-datatable-column> <ngx-datatable-column prop="Primaryemail" name="Primaryemail"> <ng-template let-row="row" ngx-datatable-cell-template> {{row.Primaryemail}} </ng-template> </ngx-datatable-column> </ngx-datatable> |
|
1 2 3 4 5 6 7 8 9 10 11 |
// component side entry:any = '10'; page:any; total:any; this.total=1000; this.page = 0; pageCallback(data){ this.userobj.page =data.offset+1; } |
Leave a reply