New to Kendo UI for Angular? Start a free 30-day trial
ToolbarTemplateDirective
Represents the toolbar template of the Grid.
The template context provides:
position—The position where the toolbar template renders. Possible values:top,bottom, andboth.
html
<kendo-grid [data]="gridData" style="height: 200px">
<ng-template kendoGridToolbarTemplate [position]="position" let-position="position">
<button (click)="onClick()">Custom action</button>
</ng-template>
<kendo-grid-column field="ProductName">
</kendo-grid-column>
</kendo-grid>
Selector
[kendoGridToolbarTemplate]
Inputs
| Name | Type | Default | Description |
|---|---|---|---|
position |
|
|
Sets the position of the toolbar. (See example). |