Hidden Columns

The Kendo UI Grid for Angular allows the user to show or hide its columns.

You can configure the hidden state of the columns by:

• Using the built-in configuration options of the Grid
• Using the Angular structural directives

Using the Built-In Options

To hide a particular Grid column, set the hidden option.

Using Structural Directives

To show or hide particular Grid columns, use the ngIf Angular directive.

Unlike the hidden built-in option, *ngIf imposes certain limitations. As a result, when you use the *ngIf directive to conditionally control the columns of the Kendo UI Grid for Angular, particular features, such as the titles in specific grouping scenarios, grouping templates, and responsiveness, are not available.

Suggested Links

• ColumnComponent
• API Reference of the GridComponent
• API Index of the Grid