New to Kendo UI for AngularStart a free 30-day trial

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.

Change Theme
Theme
Loading ...
In this article
When to usePrerequisitesSetupSuggested Links
Not finding the help you need?
Contact Support