New to Kendo UI for Angular? Start a free 30-day trial
ColumnChooserComponent
Represents the component for toggling visibility of the Grid columns visibility. See example. To show and hide the columns without including the column chooser item in the Column Menu, add the component inside the ToolbarTemplate directive.
html
<kendo-grid [data]="data">
<ng-template kendoGridToolbarTemplate>
<kendo-grid-column-chooser></kendo-grid-column-chooser>
</ng-template>
<kendo-grid-column field="ProductID"></kendo-grid-column>
</kendo-grid>
Selector
kendo-grid-column-chooser
Inputs
Name | Type | Default | Description |
---|---|---|---|
allowHideAll |
|
|
Specifies if all columns can be hidden. |
autoSync |
|
|
Specifies if the changes in the visibility of the column will be immediately applied. |