New to Kendo UI for Angular? Start 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
| Name | Type | Default | Description | 
|---|---|---|---|
expanded | 
 | 
 | 
 Specifies if the content is expanded.  | 
service | 
 | 
 Represents the   | 
Events
| Name | Type | Description | 
|---|---|---|
collapse | 
 | 
 Fires when the content collapses.  | 
expand | 
 | 
 Fires when the content expands.  |