# Virtualization

Virtual scrolling provides an alternative to paging and is useful for displaying large sets of data.

The virtualization functionality uses a fixed amount of list items in the pop-up list of the component. While the user is scrolling the pop-up list, the DropDownList requests and displays only the visible items.

To enable virtualization, configure [`pagechange`](https://www.telerik.com/kendo-vue-ui-develop/components/dropdowns/api/dropdownlistprops#onpagechange) event and the composite [`virtual`](https://www.telerik.com/kendo-vue-ui-develop/components/dropdowns/api/dropdownlistprops#virtual) property which contains the following fields:

* `total`—Represents the number of records.
* `skip`—Represents the start of the sub-set of data which is loaded in the DropDownList.
* `pageSize`—Indicates the size of the sub-set of data.
* `onPageChange`—Provides the data for each page through the `onPageChange` event handler.

> - For the virtualization to work properly, the items in the popup list must have the same height. If the content of an item does not fit in a single row, the height of this item will be different from the height of the other items.
> - You also need to make sure that the `pageSize` value is at least equal to the number of the visible pop-up items plus two.

## Basic Configuration

The following example demonstrates how to set the virtualization of the DropDownList.

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

## Virtualization with Filtering

If you use virtualization in your project alongside filtering, scrolling will be reset every time the value of the filter input is changed.

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

## Virtualization with Grouping

The below example shows how we can use the DropDownList in a scenario with Grouping and Virtualization.

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

## Suggested Links

* [Virtualization with Filtering and Remote Data](https://www.telerik.com/kendo-vue-ui-develop/components/dropdowns/dropdownlist/filtering#filtering-with-remote-data-and-virtualization)
* [API Reference of the DropDownList](https://www.telerik.com/kendo-vue-ui-develop/components/dropdowns/api/dropdownlistprops)