Skip to main content
Urbicon UI

Virtual Scrolling

Render only visible rows for large datasets with a lightweight zero-dependency virtualizer.

For large datasets (>1,000 rows), enable virtualized to render only visible rows. The table uses a lightweight custom virtualizer (zero dependencies) that keeps ~20 rows in the DOM regardless of dataset size.

10,000 Rows

Only ~20 rows are in the DOM. Pagination is bypassed \u2013 all items are in a scrollable container.
Loading syntax highlighting...

Notes

  • Pagination is automatically disabled when virtualized is true
  • Grouping takes precedence \u2013 virtualization is deactivated when initialGroupBy is set
  • Selection and keyboard navigation work normally with virtualized rows
  • virtualHeight accepts any CSS value: '400px', '60vh', 'calc(100vh - 200px)'