Data Grid

zeron-design/data-grid

UnverifiedComponent

Virtualized spreadsheet-style data grid with inline editors, range selection, copy and paste, search, sorting, resizing, and pinned columns.

Install it

npx shadcn@latest add https://raw.githubusercontent.com/Carlosfengv/zeron-ui/main/public/r/data-grid.json

This registry does not serve an item endpoint we could read, so we hold its metadata but not its source.

What it pulls in

npm packages

@base-ui/react
@tanstack/react-table
@tanstack/react-virtual
cmdk
react-day-picker
sonner

Other registry items

https://zeron-ui.vercel.app/r/surfaces.json
utils
https://zeron-ui.vercel.app/r/shape-context.json
https://zeron-ui.vercel.app/r/surface-context.json
https://zeron-ui.vercel.app/r/surface-classes.json
https://zeron-ui.vercel.app/r/portal-container-context.json
https://zeron-ui.vercel.app/r/badge.json
https://zeron-ui.vercel.app/r/button.json
https://zeron-ui.vercel.app/r/checkbox.json
https://zeron-ui.vercel.app/r/dialog.json
https://zeron-ui.vercel.app/r/dropdown.json
https://zeron-ui.vercel.app/r/input.json
https://zeron-ui.vercel.app/r/kbd.json
https://zeron-ui.vercel.app/r/select.json

Files it writes

src/components/ui/data-grid/index.ts
src/components/ui/data-grid/data-grid.tsx
src/components/ui/data-grid/data-grid-row.tsx
src/components/ui/data-grid/data-grid-cell.tsx
src/components/ui/data-grid/data-grid-cell-wrapper.tsx
src/components/ui/data-grid/data-grid-cell-variants.tsx
src/components/ui/data-grid/data-grid-column-header.tsx
src/components/ui/data-grid/data-grid-context-menu.tsx
src/components/ui/data-grid/data-grid-keyboard-shortcuts.tsx
src/components/ui/data-grid/data-grid-paste-dialog.tsx
src/components/ui/data-grid/data-grid-search.tsx
src/components/ui/data-grid/data-grid-command.tsx
src/components/ui/data-grid/data-grid-calendar.tsx
src/components/ui/data-grid/data-grid-tooltip.tsx
src/components/ui/data-grid/data-grid-popover.tsx
src/components/ui/data-grid/data-grid-primitives.tsx
src/system/hooks/use-data-grid.ts
src/system/hooks/use-as-ref.ts
src/system/hooks/use-badge-overflow.ts
src/system/hooks/use-debounced-callback.ts
src/system/hooks/use-callback-ref.ts
src/system/hooks/use-isomorphic-layout-effect.ts
src/system/hooks/use-lazy-ref.ts
src/system/data-grid.ts
src/system/data-grid-types.ts
src/system/compose-refs.ts

More from zeron-design

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs	Command
Accordion (Base UI)accordion	zeron-design	Components	Unverified	2 deps
App Shellapp-shell	zeron-design	Components	Unverified	no deps
Ask User Questionsask-user-questions	zeron-design	Components	Unverified	2 deps
Badgebadge	zeron-design	Components	Unverified	1 dep
Badge Overflowbadge-overflow	zeron-design	Components	Unverified	1 dep · 2 files
Breadcrumbbreadcrumb	zeron-design	Components	Unverified	1 dep
Button (Base UI)button	zeron-design	Components	Unverified	3 deps
Cardcard	zeron-design	Components	Unverified	1 dep