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

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.

Definition

Package:@progress/kendo-angular-grid

Selector:kendo-grid-column-chooser

Syntax:

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>

Inputs

Specifies if all columns can be hidden.

Default:

true

autoSync

boolean

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

Default:

false

filterable

boolean

Specifies if the column chooser displays a search box.

Default:

true

Specifies if the column chooser displays a select all checkbox.

Default:

true