logo svelte /virtual list v0.5.2
FIG-001/ FIXED ROWS

basic virtual list.

Pass an array to <VirtualList> and render each item with a Svelte 5 snippet. The component keeps the DOM small even with 10,000 records.

↩ all examples
items · 10,000height · auto measuredmode · windowed mode · live running source
range · 0-0
dom rows · 0
dom nodes · 0
dataset · 10,000
mode · windowed
Item 0 dynamic content ready
Item 1 measured row
Item 2 recycled dom
Item 3 stable offset
Item 4 dynamic content ready
Item 5 measured row
Item 6 recycled dom
Item 7 stable offset
Item 8 dynamic content ready
Item 9 measured row
Item 10 recycled dom
Item 11 stable offset
Item 12 dynamic content ready
Item 13 measured row
Item 14 recycled dom
Item 15 stable offset
Item 16 dynamic content ready
Item 17 measured row
Item 18 recycled dom
Item 19 stable offset
Item 20 dynamic content ready
category · fixed rows
sheet · sheet 01 / 01
dom · live stats
viewport · full panel
⟳ to re-run

Basic List