New to Kendo UI for Angular? Start a free 30-day trial

ToolbarTemplateDirective

Directive

Represents the toolbar template of the Grid.

The template context provides:

position—The position where the toolbar template renders. Possible values: top, bottom, and both.

Definition

Package:@progress/kendo-angular-grid

Selector:[kendoGridToolbarTemplate]

Syntax:

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>

Inputs

position

"top" | "bottom" | "both"

Sets the position of the toolbar. (See example).

Default:

'top'