Pager

Use pager plugin to add possibilities to setup initial pagination option in component way.

Installation

Add angular component inside of q-grid to change pagination settings through it.

@Component({
   selector: 'my-component',
   template: `
      <q-grid [rows]="rows$ | async">
         <q-grid-columns generation="deep">
         </q-grid-columns>

         <q-grid-pager [size]="10" [sizeList]="[5, 10, 20]">
         </q-grid-pager>
      </q-grid>
   `
})
export class MyComponent {
   rows$: Observable<any[]>;

   constructor(dataService: MyDataService) {
      this.rows$ = dataService.getRows();
   }
}
Suggested Links