New to Kendo UI for Angular? Start a free 30-day trial
ToolbarTemplateDirective
Represents the toolbar template of the Grid.
The template context has the following field:
position
—The position at which the toolbar template is rendered. The possible values aretop
,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 |
|
|
The position of the toolbar (see example). |