design-infraReport a problem or share feedback← Catalog
Table Editable Table
freebeui/table-editable
Edit cells inline and insert or delete rows and columns via border handles; the table re-renders from the updated data and column defs.
$
npx shadcn@latest add @beui/table-editablenpm deps: @tanstack/react-virtual, clsx, lucide-react, motion, tailwind-merge
- Source
- beUI (free)
- Kind
- component
- Categories
- table
- Use as
- drop-in — replaces your component
- Applies to
- table
- Motion
- on enter · medium · motion · medium cost
- Tags
- react, tailwind-v4, motion, motion
- Licence
- MIT — Copyright (c) 2026 Saurabh Chauhan; retain the upstream notice when copying source.
- Live demo
- beui.dev
- Docs
- beui.dev
Similar
Compare all 4 →- Sortable Listbeui/sortable-stackReorderable items with drag and keyboard controls. Connect the order to application state and persistence; a demo reorder is not backend storage.
- Table Async Tablebeui/table-asyncA data-table starting point for asynchronous records. Connect the real query, loading/error/empty states and server pagination; preserve accessible headers.
- Diff Tablebeautifui/diff-tableRow-level diff table for agent-proposed data changes. Requires the Beautiful UI foundation.css, which redefines --accent (collides with shadcn).