Virtual Columns

Updated on Dec 11, 2025

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 Grid 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 by setting the scrollable property to 'virtual' or 'scrollable'.

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

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

See Also

• ColumnComponent
• GridComponent API Reference
• Grid API Index