New to Kendo UI for Vue? Start a free 30-day trial

Column Virtualization

The Kendo UI for Vue Native TreeList supports column virtualization.

To enable column virtualization, set the columnVirtualization property to true. As a result, the columns outside the visible area 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
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.

In this article

Not finding the help you need?