ColumnMenuTemplateDirective

Defines a template for the column menu in the Grid. Use this directive to customize the column menu content for all columns or for specific columns. Place an <ng-template> tag with the kendoGridColumnMenuTemplate directive inside the <kendo-grid> or <kendo-grid-column> component to set the template.

The template context provides these fields:

• service—The ColumnMenuService.
• column—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]