ColumnMenuTemplateDirective

Represents the template for the column menu in the Grid. Provides an option for customizing the content of the column menu for all or for specific columns. To define the content template, nest an <ng-template> tag with the kendoGridColumnMenuTemplate directive inside the <kendo-grid> or the <kendo-grid-column> component.

The template context is passes through the following fields:

• service—Represents the ColumnMenuService.
• column—Represents the Grid column.

html

<kendo-grid [kendoGridBinding]="data" [sortable]="true" [columnMenu]="true">
  <ng-template kendoGridColumnMenuTemplate let-service="service">
    <kendo-grid-columnmenu-sort [service]="service"></kendo-grid-columnmenu-sort>
  </ng-template>
  <kendo-grid-column field="Field1">
    <ng-template kendoGridColumnMenuTemplate let-service="service">
      <kendo-grid-columnmenu-lock [service]="service"></kendo-grid-columnmenu-lock>
      <kendo-grid-columnmenu-sort [service]="service"></kendo-grid-columnmenu-sort>
    </ng-template>
  </kendo-grid-column>
  <kendo-grid-column field="Field2"></kendo-grid-column>
</kendo-grid>

Selector

[kendoGridColumnMenuTemplate]