# Column Virtualization

The Kendo UI for Vue TreeList supports column virtualization.

To enable column virtualization, set the [`columnVirtualization`](https://www.telerik.com/kendo-vue-ui-develop/components/treelist/api/treelistprops#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`](https://www.telerik.com/kendo-vue-ui-develop/components/treelist/api/treelistcolumnprops#width) of each column.
* (Required) Set `overflow: auto` and `width` in pixels through [`style`](https://www.telerik.com/kendo-vue-ui-develop/components/treelist/api/treelistprops#wrapperstyle) of the TreeList.
* (Required) Set  `{ style: { tableLayout: 'fixed' } }` through [`tableProps`](https://www.telerik.com/kendo-vue-ui-develop/components/treelist/api/treelistprops#tableprops) of the TreeList.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/treelist/column-virtualization/source.txt)

## Known Limitations

* The column virtualization supports up to 1000 columns as the [colSpan limit is 1000](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td). 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 TreeList](https://www.telerik.com/kendo-vue-ui-develop/components/treelist/api/treelistprops)
* [API Index of the TreeList](https://www.telerik.com/kendo-vue-ui-develop/components/treelist/api)