Column Virtualization

The KendoReact TreeList supports column virtualization.

To enable column virtualization, set the columnVirtualization property. As a result, the columns outside the current visible aria of the TreeList will not be rendered and the rendering performance of the component will be improved.

In order for the column virtualization to work properly, configure the following options:

  • (Required) Set width of each column.
  • (Required) Set overflow: auto and width in pixels through style of the TreeList.
  • (Required) Set { style: { tableLayout: 'fixed' } } through tableProps of the TreeList.
Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?