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

Hidden Columns

Updated on May 27, 2026

The Angular TreeList enables users to show or hide its columns.

You can configure the hidden state of the columns by:

Using the built-in configuration options of the TreeList
Using the Angular structural directives

Using the Built-In Options

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

The following example demonstrates how to hide a column using the built-in hidden option.

Change Theme

Theme

Loading ...

Using Structural Directives

To show or hide particular TreeList columns, use the ngIf Angular directive. To follow the newer Angular template syntax, use the @if block instead.

Unlike the hidden built-in option, *ngIf and @if impose limitations. When you use these to conditionally control columns, certain features such as responsiveness are not available.

The following example demonstrates how to hide columns using the Angular structural directive.