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). |