New to Kendo UI for AngularStart a free 30-day trial

ColumnMenuChooserComponent

Represents the column-menu item for selecting columns in the Grid. See example.

Place this component inside a ColumnMenuTemplate directive. To register it as a column menu item, set the ColumnMenuService passed by the template to the service input of the kendo-grid-columnmenu-chooser component. See example.

html
<kendo-grid [columnMenu]="true" ...>
  <ng-template kendoGridColumnMenuTemplate let-service="service">
    <kendo-grid-columnmenu-chooser [service]="service"> </kendo-grid-columnmenu-chooser>
  </ng-template>
</kendo-grid>
html
<kendo-grid-column field="ProductName">
  <ng-template kendoGridColumnMenuTemplate let-service="service">
    <kendo-grid-columnmenu-chooser [service]="service"></kendo-grid-columnmenu-chooser>
  </ng-template>
</kendo-grid-column>

Selector

kendo-grid-columnmenu-chooser

Inputs

NameTypeDefaultDescription

expanded

boolean

false

Specifies if the content is expanded.

service

ColumnMenuService

Represents the ColumnMenuService class. This input is required.

Events

NameTypeDescription

collapse

EventEmitter<any>

Fires when the content collapses.

expand

EventEmitter<any>

Fires when the content expands.

In this article
SelectorInputsEvents
Not finding the help you need?
Contact Support