Virtual Columns
Column virtualization enables you to render only the columns that are in the current viewport. This improves the performance because fewer elements are rendered by the Grid and the browser.
When to use
Use with Grids that have a large number of columns in order to reduce the number of rendered elements. Consider leaving it disabled for grids that have only a few non-visible columns. The column virtualization requires the Grid to do extra work and might reduce performance in some cases. As always, it's best to perform your own measurements when fine-tuning the application performance.
Prerequisites
To allow the component to virtualize the columns and for the feature to work properly, make sure that:
- Scrolling is enabled.
- The
width
of all columns is set.
Setup
To enable column virtualization, set the virtualColumns
property to true.