Virtual Columns

Updated on May 27, 2026

Column virtualization renders only the columns that are visible in the current viewport. This improves performance by reducing the number of elements that the Angular TreeList and the browser need to render.

Change Theme

Theme

Loading ...

To enable column virtualization:

1. Set the virtualColumns property to true.
2. Set the width property for all columns.
3. Enable scrolling.

Use column virtualization with TreeLists that have a large number of columns to reduce the number of rendered elements. Consider leaving it disabled for TreeLists with only a few non-visible columns.

Column virtualization requires the TreeList to perform additional processing and can reduce performance in some cases. Perform your own measurements when fine-tuning application performance.

Suggested Links

• ColumnComponent
• API Reference of the TreeListComponent
• API Index of the TreeList