Overview
An editable account portfolio with saved views, configurable columns, selection, grouping and pagination. Every piece is wired into one full screen you can run, and each one also works on its own. Pieces (6): filter bar, column manager, inline cell edit, bulk actions, grouped rows and table pagination. Keyboard and screen readers: every piece works with the keyboard, and its guide lists its screen reader and reduced-motion behavior. Built with React 19 and TypeScript, Tailwind CSS 4, Base UI, Lucide icons and Motion. Light and dark themes come from CSS variables you can edit, and every demo uses believable sample data you replace with your own. Included: the source of all 6 components, the composed data table screen, sample data, light and dark theme variables, a runnable demo app, and setup guides for people and for AI coding agents.
Highlights
- Production-ready, documented source
- Clean, componentized architecture
- Drops into your stack with minimal setup
