ColumnChooserComponent

Represents the component for selecting columns in the Grid. To enable the user to show or hide columns,
add the component inside a ToolbarTemplate directive.

@Component({
    selector: 'my-app',
    template: `
      <kendo-grid [data]="data">
         <ng-template kendoGridToolbarTemplate>
            <kendo-grid-column-chooser></kendo-grid-column-chooser>
         </ng-template>
         <kendo-grid-column field="Field1"></kendo-grid-column>
         <kendo-grid-column field="Field2" [hidden]="true"></kendo-grid-column>
      </kendo-grid>
    `
})

class AppComponent {
  public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];
}

Selector

kendo-grid-column-chooser

Inputs

allowHideAll boolean

Specifies if all columns can be hidden.

autoSync boolean

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