New to Kendo UI for AngularStart 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

NameTypeDefaultDescription

allowHideAll

boolean

true

Specifies if all columns can be hidden.

autoSync

boolean

false

Specifies if the changes in the visibility of the column will be immediately applied.

filterable

boolean

true

Specifies if the column chooser displays a search box.

showSelectAll

boolean

true

Specifies if the column chooser displays a select all checkbox.

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