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

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 Options

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

Example
View Source
Change Theme:

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.

Example
View Source
Change Theme: