For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Installs with a ReUI Pro or Ultimate license.
When to use
- Record lists of thousands of rows read in one continuous scroll, with the next batch fetched near the end
- Bulk triage on a long list: select many rows, see their count and a total, then act on them at once
- Payment ledgers and shipment exception queues whose search and filters reach every record, loaded or not
When not to use
- A virtual table wired into your own layout, without a toolbar, bulk bar or demo rows: use the Data Grid component
- A list short enough to step through page by page with page controls: use the Base blocks
- Records narrowed by a rule builder that mixes free text conditions with choice fields: use the Filtering blocks
Agent notes
fetchMoreaddsPAGE_SIZErows toloadedCountafter aFETCH_DELAY_MStimer; request the next page from your API there- Search, filters and sort run in the browser over the whole generated array before
queryResultis cut toloadedCount; move that query to your API - Rows are spaced by the fixed
ROW_ESTIMATEpassed toestimateSize; keep it equal to the rendered row height when you restyle rows
Third-party API docs
- TanStack Table v9: API reference, docs, used by 2 of 2 blocks
- Sonner v2: API reference, docs, used by 2 of 2 blocks
https://web.dev.reui.io/blocks/data-grid/virtualization.mdsearch({ query: "virtualization", type: "block", category: "virtualization" })Shadcn Data Grid Blocks with Row and Column Virtualization
When the list is long the grid has to render what is on screen and nothing else. These blocks use the Data Grid's row and column virtualization on TanStack Virtual, with the parts that usually break under virtualization done right: the sticky header, the pinned columns, cell selection across a scroll and the add-row at the end.
They are also the examples the public benchmark harness runs, so the numbers on the comparison page come from these screens.
All Virtualization Blocks
Open any block on its own page for a live preview, the components it is built from, and the install command.
- Card Payments Ledger Virtualized data grid with infinite scroll and bulk row actions
- Shipment Exceptions Virtualized shipment exception queue with infinite scroll
What the Virtualization blocks cover
Data Grid screens, each a full block with fixture data:
- Virtualized data grid with infinite scroll and bulk row actions
- Virtualized shipment exception queue with infinite scroll
Built from
- shadcn/ui components Avatar, Button, Dropdown Menu, Field, Input Group, Popover, the same components your project already owns.
- Both twins, every style Each block ships on Base UI and on Radix, in 8 design styles, and names every part it composes on its page.
All Shadcn Block Groups
Browse the full ReUI Shadcn blocks library by product surface. Each group bundles category-level blocks you can mix and match across your project.
- Shadcn Application Blocks (303) Browse 303 Shadcn Application blocks across 23 categories.
- Shadcn Data Grid Blocks (47) Browse 47 Shadcn Data Grid blocks across 9 categories.
- Shadcn Charts Blocks (52) Browse 52 Shadcn Charts blocks across 10 categories.
- Shadcn Solutions Blocks (76) Browse 76 Shadcn Solutions blocks across 11 categories.
- Shadcn AI & Agents Blocks (22) Browse 22 Shadcn AI & Agents blocks across 3 categories.
- Shadcn eCommerce Blocks (87) Browse 87 Shadcn eCommerce blocks across 13 categories.
- Shadcn Marketing Blocks (67) Browse 67 Shadcn Marketing blocks across 8 categories.
Frequently Asked Questions
How many rows can it handle?
How do I install a Virtualization block?
Is a license needed?
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
From $249, once. Lifetime updates.