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.

{% meta height:300 %}


@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' }];
}

{% endmeta %}

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.

In this article

Not finding the help you need?