New to Kendo UI for Angular? Start 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 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.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?