Column Virtualization

Updated on Jun 29, 2026

The Kendo UI for Vue Native Grid supports column virtualization which improves the rendering performance of the Grid when it has a large number of columns. The column virtualization renders only the columns that are currently visible in the viewport and skips the rendering of the columns outside the visible area.

Enabling Column Virtualization

To enable it, set the columnVirtualization property. As a result, the columns outside the current visible aria of the Grid will not be rendered and will improve the rendering performance.

To work properly, the column virtualization requires you to set the following configuration options:

• (Required) width—for each of the columns.
• (Required) width through style for the grid.

The following example demonstrates how to enable column virtualization in the Grid.

Change Theme

Theme

Loading ...

Suggested Links

• API Reference of the Grid
• API Index of the Grid