Table Docs
Basic Examples
Feature Examples
- Kitchen Sink (All Features)
- Cell Selection
- Cell Spanning
- Column Filters
- Column Filters (Faceted)
- Bucketed Faceted Filters
- Fuzzy Search Filters
- Column Ordering
- Column Ordering (DnD)
- Column Pinning
- Column Pinning (Split)
- Sticky Column Pinning
- Column Sizing
- Column Resizing
- Performant Column Resizing
- Column Visibility
- Expanding
- Expanding Sub Components
- Grouping
- Aggregation
- Grouped Aggregation
- Pagination
- Row DnD
- Row Pinning
- Row Selection
- Sorting
Specialized Examples
- Composable Tables (createTableHook)
- Custom Plugin
- Experimental Web Workers Plugin
- Experimental Spreadsheet
- With TanStack Virtual - Columns
- With TanStack Virtual - Columns (Exp)
- With TanStack Virtual - Rows
- With TanStack Virtual - Rows (Exp)
- With TanStack Virtual - Infinite Scrolling
- With TanStack Form
- With TanStack Query
- With TanStack Router
Component Library Examples
- Basic - Shadcn (Base UI)
- Basic - Shadcn (Radix)
- Basic - React Aria
- Basic - Hero UI
- Basic - Material UI
- Basic - Mantine
- Basic - Chakra UI
- Kitchen Sink - Shadcn (Base UI)
- Kitchen Sink - Shadcn (Radix)
- Kitchen Sink - React Aria
- Kitchen Sink - Hero UI
- Kitchen Sink - Material UI
- Kitchen Sink - Mantine
- Kitchen Sink - Chakra UI
- Material React Table
- Mantine React Table
React Example: With Tanstack Router
import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App'
import './index.css'
const rootElement = document.getElementById('root')
if (!rootElement) throw new Error('Failed to find the root element')
ReactDOM.createRoot(rootElement).render(
<React.StrictMode>
<App />
</React.StrictMode>,
)