# Column Virtualization

The Kendo UI for Vue Grid supports column virtualization which improves the rendering performance of the Grid when it has a large number of columns. The column virtualization renders only the columns that are currently visible in the viewport and skips the rendering of the columns outside the visible area.

## Enabling Column Virtualization

To enable it, set the [`columnVirtualization`](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridprops#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`](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridcolumnprops#width)—for each of the columns.
* (Required) [`width` through `style`](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridprops#style) for the grid.

The following example demonstrates how to enable column virtualization in the Grid.

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

## Suggested Links

* [API Reference of the Grid](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridprops)
* [API Index of the Grid](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api)