table/src/table-toolbar/table-toolbar.component.ts
TableToolbar is a wrapper component for SearchField and Paginator components while both are optional. It is used in context of a Table component and takes care of the layout. SearchField and Paginator are provided by the consuming app which is also responsible to handle the respective events and to implement the required logic.
Example :<talenra-table-toolbar>
<talenra-search-field showIcon>
<input talenra-search [(ngModel)]="filterQuery" (ngModelChange)="filterData()" />
</talenra-search-field>
<talenra-paginator [(state)]="paginatorState" (stateChange)="paginate()" />
</talenra-table-toolbar>import { TableToolbarComponent } from '@talenra/components/table';
| changeDetection | ChangeDetectionStrategy.OnPush |
| host | { |
| selector | talenra-table-toolbar |
| templateUrl | ./table-toolbar.component.html |
| styleUrl | ./table-toolbar.component.scss |