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

ColumnMenuItemComponent

Represents an item that can be placed inside a ColumnMenuTemplate directive.

<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>

Selector

kendo-grid-columnmenu-item

Inputs

NameTypeDefaultDescription

disabled

boolean

Specifies if the item is disabled.

expanded

boolean

Specifies if the item is expanded.

icon

string

Specifies the name of the font icon that will be rendered for the item.

selected

boolean

Specifies if the item is selected.

service

ColumnMenuService

Represents the ColumnMenuService class. Required to include the item in the column menu keyboard navigation sequence.

svgIcon

SVGIcon

Specifies the name of the SVG icon that will be rendered for the item.

text

string

Specifies the item text.

Events

NameTypeDescription

collapse

EventEmitter<any>

Fires when the content is collapsed.

expand

EventEmitter<any>

Fires when the content is expanded.

itemClick

EventEmitter<any>

Fires when the item is clicked.

In this article

Not finding the help you need?