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.
Select your desired component from below and see the available props, slots, events and functions.
Below is a collection of simple to complex examples.
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
Ready for more? Continue reading with: