Vuetify

Store

For Enterprise

The v-virtual-scroll component displays a virtual, infinite list. It supports dynamic height and scrolling vertically.

The virtual scroller displays just enough records to fill the viewport and uses the existing component, rehydrating it with new data.

Options

Select your desired component from below and see the available props, slots, events and functions.

Below is a collection of simple to complex examples.

The v-virtual-scroll component can render an unlimited amount of items by rendering only what it needs to fill the scroller's viewport.

By default the v-virtual-scroll does not pre-render additional items outside of the viewport. Increasing this value causes the scroller to render additional items as padding. It is recommended to keep this number as low as possible for the best possible performance.

Caught a mistake or want to contribute to the documentation? Edit Layout or Content on GitHub!