Blazing fast scrolling of any amount of data |Live demo|Video demo Sponsors Table of contents Installation Usage RecycleScroller DynamicScroller DynamicScrollerItem IdState Installation npm install --save vue3-virtual-scroller ⚠️vue3-virtual-scrollernow usesvue-observe-visibilityto automatically refre...
Blazing fast scrolling of any amount of data | Live demo | Video demo For Vue 2 support, see here 💚️ Become a Sponsor SponsorsAbout ⚡️ Blazing fast scrolling for any amount of data vue-virtual-scroller-demo.netlify.app Resources Readme Activity Stars 0 stars Watchers 0 wa...
<template> <virtual-scroller class="scroller" :items="items" :renderers="renderers" item-height="22" type-field="type"> </virtual-scroller> </template> // Data with a type field const items = [ { type: 'letter', value: 'A' }, { type: 'person', value: { name: 'Alan' ...
Demo playground Interface interfaceVirtualEntryItem{[key:string]:unknown;}exportinterfaceVirtualEntry{id:number|string;height:number;rowGap:number;columnGap:number;items:VirtualEntryItem[];[key:string]:unknown;}interfaceProps{virtualEntries:VirtualEntry[];scrollerId:string;layoutType:"list"|"grid";minCol...