TanStack Table

Overview

TanStack Table is a headless table library — it handles the logic (sorting, filtering, pagination, grouping, column visibility) and you handle the rendering. No predefined styles or markup, full control over how the table looks. Works with React, Vue, Svelte, Solid, or vanilla JS. The standard for building custom data tables that don't look like every other Material UI table.

When to Use

• Displaying tabular data with sorting, filtering, and pagination
• Need full control over table styling (not a pre-styled component)
• Server-side pagination and filtering
• Complex tables with column resizing, reordering, and pinning
• Row selection and bulk actions
• Large datasets with virtualized rendering

Instructions

Setup