New to Kendo UI for Angular? Start a free 30-day trial
ColumnMenuItemContentTemplateDirective
Updated on Jun 18, 2025
Represents the content template of the
ColumnMenuItemComponent component.
Use this directive to specify the content of a column menu item.
To define the content template, nest an <ng-template> tag with the
kendoGridColumnMenuItemContentTemplate directive inside a <kendo-grid-columnmenu-item>.
html
<kendo-grid [data]="data" [columnMenu]="true" ...>
<ng-template kendoGridColumnMenuTemplate>
<kendo-grid-columnmenu-item text="Text" [expanded]="true">
<ng-template kendoGridColumnMenuItemContentTemplate>
Content
</ng-template>
</kendo-grid-columnmenu-item>
</ng-template>
<kendo-grid-column field="ID"></kendo-grid-column>
...
</kendo-grid>
Selector
[kendoGridColumnMenuItemContentTemplate]