lit/compose-with-tanstack-virtual

What problem does it solve?

Rendering thousands of Lit table rows becomes slow and unresponsive, especially when users need smooth scrolling in data-dense grids.

Core Features & Use Cases

• Pair TanStack Table with virtualization: Use @tanstack/lit-virtual because TanStack Table itself does not virtualize rows or columns.
• Virtualize the post-feature row model: Drive virtualization from table.getRowModel().rows so sorting, filtering, grouping, and pagination stay correct.
• Drop-in Lit pattern for variable sizing: Use VirtualizerController alongside TableController, render only getVirtualItems(), and measureElement each virtual row.

Quick Start

Ask your AI assistant to show you how to wire VirtualizerController into your @tanstack/lit-table render loop using table.getRowModel().rows.length as the virtualizer count.