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.
Example
View Source
Change Theme:

Multi-Column Headers

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

Example
View Source
Change Theme:

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.