Data Grid Row Ops Demo

example

Row operations from two surfaces: toolbar buttons (insert above/below, duplicate, delete on the current selection) and the right-click context menu, with a side panel showing the last onDataChange payload (source + id-keyed ops) and a read-only toggle.

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

Sign In

Data Grid Row Ops Demo

example

Row operations from two surfaces: toolbar buttons (insert above/below, duplicate, delete on the current selection) and the right-click context menu, with a side panel showing the last onDataChange payload (source + id-keyed ops) and a read-only toggle.

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

components/data-grid-row-ops-demo.tsx