preact/compose-with-tanstack-virtual

You can virtualize large Preact tables by composing TanStack Table with TanStack Virtual's framework-agnostic Virtualizer, rendering only visible rows and columns while keeping TanStack Table as the source of truth.

To handle variable row heights in a virtualized Preact datagrid, use the measureElement function for dynamic element measurement alongside estimateSize to prevent overlaps and gaps when row heights differ.

Yes, TanStack Table sorting and filtering work with row virtualization by feeding the virtualizer the post-feature row model length using table.getRowModel().rows.length, ensuring all features are respected.

Yes, you can virtualize both rows and columns in a wide Preact datagrid by configuring the Virtualizer to mount only visible items, targeting large or wide datagrid scenarios where rendering everything causes performance bottlenecks.

Position virtual items correctly by applying absolute or translated rendering for each virtual item, using CSS transform translateY values calculated from the virtualizer's getVirtualItems output to place rows accurately.