Hidden

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 Built-In Options

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

Example
View Source
Edit In Stackblitz  
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
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?