New to Kendo UI for Angular? Start a free 30-day trial

Hidden Columns

The Kendo UI for Angular Grid 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.

Change Theme

Theme

Loading ...

Using Structural Directives

To show or hide particular Grid columns, use the ngIf Angular directive or the @if template syntax.

Unlike the hidden built-in option, *ngIf and @if impose certain limitations. As a result, when you use the *ngIf directive or the @if syntax 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.