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


Represents the content template of the kendo-grid-columnmenu-item component. Provides an option for specifying the content of a column item. To define the content template, nest an <ng-template> tag with the kendoGridColumnMenuItemContentTemplate directive inside a <kendo-grid-columnmenu-item>.

    selector: 'my-app',
    template: `
      <kendo-grid [data]="data" [columnMenu]="true">
         <ng-template kendoGridColumnMenuTemplate>
             <kendo-grid-columnmenu-item text="Item Text" [expanded]="true">
                 <ng-template kendoGridColumnMenuItemContentTemplate>
                     Item Content
         <kendo-grid-column field="Field1"></kendo-grid-column>
         <kendo-grid-column field="Field2"></kendo-grid-column>

class AppComponent {
  public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];



In this article

Not finding the help you need?