The v-virtual-scroll component displays a virtual, infinite list. It supports dynamic height and scrolling vertically.
We are in the process of integrating the v-virtual-scroll component into existing features and components. If you are interested in helping, please reach out to John Leider in the Discord Community.
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.
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.
Ready for more? Continue reading with: