Toolbar

• Installation

Use toolbar plugin to customize toolbar templates.

Installation

Add angular component inside of q-grid component. Top, right, bottom and left areas are supported.

@Component({
   selector: 'my-component',
   template: `
      <q-grid [rows]="rows$ | async">
         <q-grid-toolbar>
            <ng-template for="bottom">
               <my-pager></my-pager>
            </ng-template>
         </q-grid-toolbar>
      </q-grid>
   `
})
export class MyComponent {
   rows$: Observable<any[]>;

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