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 are top, bottom, and both.
<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

NameTypeDefaultDescription

position

"top" | "bottom" | "both"

'top'

The position of the toolbar (see example).

In this article

Not finding the help you need?