Data Grid Cross Field Demo

example

Cross-field validation with validateRow: an End time must stay at or after its Start. The row is judged after a whole write gesture commits; a rejected row flags the named cell like a server error (the value still commits, no rollback) and the flag clears once the row is consistent again.

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

Sign In

Data Grid Cross Field Demo

example

Cross-field validation with validateRow: an End time must stay at or after its Start. The row is judged after a whole write gesture commits; a rejected row flags the named cell like a server error (the value still commits, no rollback) and the flag clears once the row is consistent again.

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

components/data-grid-cross-field-demo.tsx