Data Grid Pinning Demo

example

Column pinning (left/right), resize (incl. a resizable:false column and a flex:1 long-content column for double-click autosize), and drag-to-reorder, with the header dropdown menu for pin/unpin/autosize and a toolbar columns menu for show/hide.

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

Sign In

Data Grid Pinning Demo

example

Column pinning (left/right), resize (incl. a resizable:false column and a flex:1 long-content column for double-click autosize), and drag-to-reorder, with the header dropdown menu for pin/unpin/autosize and a toolbar columns menu for show/hide.

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

components/data-grid-pinning-demo.tsx