Data Grid Presence Demo

example

3 simulated users move cell/range selections on a timer via useDataGridPresence's setPresenceHighlights (2 in view-space range form, 1 rowId-native), with toolbar avatar chips, one user periodically overlapping another, and headerClickBehavior="sort" proving the rowId-native highlight follows its row through a sort.

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

Sign In

Data Grid Presence Demo

example

3 simulated users move cell/range selections on a timer via useDataGridPresence's setPresenceHighlights (2 in view-space range form, 1 rowId-native), with toolbar avatar chips, one user periodically overlapping another, and headerClickBehavior="sort" proving the rowId-native highlight follows its row through a sort.

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

components/data-grid-presence-demo.tsx