Loading challenge...
Large Virtual List
Handle extremely large lists with virtualization
Controls
Search and navigation
Statistics
Live metrics
Total items: 100,000
Rendered: 20
Range: 1 - 20
Selected: none
Virtual List
100,000 items with virtualization
#1User 1user1@example.comactive
#2User 2user2@example.cominactive
#3User 3user3@example.compending
#4User 4user4@example.comactive
#5User 5user5@example.cominactive
#6User 6user6@example.compending
#7User 7user7@example.comactive
#8User 8user8@example.cominactive
#9User 9user9@example.compending
#10User 10user10@example.comactive
#11User 11user11@example.cominactive
#12User 12user12@example.compending
#13User 13user13@example.comactive
#14User 14user14@example.cominactive
#15User 15user15@example.compending
#16User 16user16@example.comactive
#17User 17user17@example.cominactive
#18User 18user18@example.compending
#19User 19user19@example.comactive
#20User 20user20@example.cominactive
💡 Virtualization: Only 20 DOM nodes are rendered, even though the list contains 100,000 items. This keeps the page fast and responsive.
Testing Tips
Automation hints
- ✓ Scroll rapidly - only visible items are rendered
- ✓ Use Jump to navigate to specific row
- ✓ Search filters all 100K items
- ✓ Check rendered count stays constant (~20 items)
- ✓ Click items to select them
- ✓ Verify scroll position with data-scroll-top
