New to Kendo UI for Angular? Start a free 30-day trial
ColumnMenuItemComponent
Represents an item that you can place inside a
ColumnMenuTemplate directive.
html
<kendo-grid [columnMenu]="true" ...>
  <ng-template kendoGridColumnMenuTemplate let-service="service" let-column="column">
    <kendo-grid-columnmenu-item text="Fit column"></kendo-grid-columnmenu-item>
  </ng-template>
</kendo-grid>html
<kendo-grid-column field="ProductName">
  <ng-template kendoGridColumnMenuTemplate let-service="service">
    kendo-grid-columnmenu-item text="Fit column"></kendo-grid-columnmenu-item>
  </ng-template>
</kendo-grid-column>Selector
kendo-grid-columnmenu-item
Inputs
| Name | Type | Default | Description | 
|---|---|---|---|
| disabled | 
 | Specifies if the item is disabled. | |
| expanded | 
 | Specifies if the item is expanded. | |
| icon | 
 | Specifies the name of the font icon to render within the item. | |
| selected | 
 | Specifies if the item is selected. | |
| service | 
 | Represents the ColumnMenuService class. Required to include the item in the column menu keyboard navigation sequence. | |
| svgIcon | 
 | Specifies the SVG icon to render within the item. | |
| text | 
 | Specifies the item text. | 
Events
| Name | Type | Description | 
|---|---|---|
| collapse | 
 | Fires when the content collapses. | 
| expand | 
 | Fires when the content expands. | 
| itemClick | 
 | Fires when the item is clicked. |