Column Virtualization

The KendoReact Data Grid supports 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.

Change Theme

Theme

Loading ...

Multi-Column Headers

The KendoReact Data Grid column virtualization supports multi-column headers.

Change Theme

Theme

Loading ...

Known Limitations

• The column virtualization supports up to 1000 columns as the colSpan limit is 1000. As a workaround, a frozen(locked) column with no field and no width can be added after every 1000 columns as it divides the colspan between and after it.

Suggested Links

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