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.




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-scroller 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 on GitHub!