Data Grid Actions Demo

example

Action-buttons column pattern: a pinned-right readOnly column whose renderCell composes shadcn Buttons over store actions (startEditing on the row's first editable cell, deleteRows/duplicateRows by view index) plus a more dropdown (Edit, Duplicate, Delete).

pnpm dlx shadcn@latest add "https://gridcn.vercel.app/r/data-grid-actions-demo.json"

Sign In

Data Grid Actions Demo

example

Action-buttons column pattern: a pinned-right readOnly column whose renderCell composes shadcn Buttons over store actions (startEditing on the row's first editable cell, deleteRows/duplicateRows by view index) plus a more dropdown (Edit, Duplicate, Delete).

pnpm dlx shadcn@latest add "https://gridcn.vercel.app/r/data-grid-actions-demo.json"

lucide-react@^1.46.0

components/data-grid-actions-demo.tsx

lucide-react@^1.46.0

components/data-grid-actions-demo.tsx