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.

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

In this article

Not finding the help you need?