Table Builder

Generate production-ready data tables with sorting, filtering, and pagination.

Core Workflow

1. Define columns: Column configuration with types
2. Choose mode: Server-side or client-side rendering
3. Add features: Sorting, filtering, pagination, search
4. Row actions: Edit, delete, view actions
5. Empty states: No data and error views
6. Loading states: Skeletons and suspense
7. Mobile responsive: Stack columns or horizontal scroll

Column Configuration

import { ColumnDef } from "@tanstack/react-table";