
Table Builder
This builds data tables with TanStack React Table, handling the column definitions, sorting, filtering, and pagination boilerplate you'd otherwise copy between projects. It covers both client-side and server-side rendering modes, which matters when you're deciding whether to paginate in the browser or hit the API for each page. The row actions pattern with dropdown menus is clean, and the empty state handling keeps you from shipping tables that break when there's no data. Good for admin panels, user lists, or any CRUD interface where you need more than a basic HTML table but don't want to configure everything from scratch.
- skills.sh installs
- 289
- GitHub stars
- 63
- last updated
- Aug 21, 2026
Install
$ npx -y skills add patricio0312rev/skills --skill table-builder --agent claude-codeInstalls into .claude/skills of the current project.
Files
Table Builder
Generate production-ready data tables with sorting, filtering, and pagination.
Core Workflow
- Define columns: Column configuration with types
- Choose mode: Server-side or client-side rendering
- Add features: Sorting, filtering, pagination, search
- Row actions: Edit, delete, view actions
- Empty states: No data and error views
- Loading states: Skeletons and suspense
- Mobile responsive: Stack columns or horizontal scroll
Column Configuration
import { ColumnDef } from "@tanstack/react-table";
Sponsors
Details
- Repository
- github.com/patricio0312rev/skills
- Category
- Backend & APIs
- First seen
- Jun 3, 2026
More from patricio0312rev/skills
All 138- Modal Drawer System288
- Prompt Template Builder287
- Input Validation Sanitization Auditor285
- Observability Setup285
- Api Security Hardener284
- Env Secrets Manager284
- Github Actions Pipeline Creator284
- Project Scaffolder284
- React Server Components284
- Agent Orchestration Planner283
- Adr Writer282
- Secrets Scanner282
- Background Jobs Designer281
- Monorepo Setup280
- Quality Gates Enforcer280
- System Design Generator280
- Webhook Receiver Hardener280
- Dev Onboarding Builder279
- Flaky Test Detective279
- Typescript Strict Migrator277
- Migration Planner276
- Pii Redaction Logging Policy Builder276
- Caching Strategist275
- Code Formatter Installer274