Data Grid

A powerful TanStack Table v9 data grid with sorting, filtering, pagination, footer rows, drag-and-drop, row and column virtualization, infinite scroll, row pinning, tree rows, spreadsheet-style cell selection with clipboard and inline editing, and localized labels through one i18n prop.

Library

ReUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @reui/data-grid

Files

• registry-reui/bases/radix/reui/data-grid/data-grid-cell-selection.tsx
• registry-reui/bases/radix/reui/data-grid/data-grid-column-filter.tsx
• registry-reui/bases/radix/reui/data-grid/data-grid-column-header.tsx
• registry-reui/bases/radix/reui/data-grid/data-grid-column-visibility.tsx
• registry-reui/bases/radix/reui/data-grid/data-grid-i18n.tsx
• registry-reui/bases/radix/reui/data-grid/data-grid-pagination.tsx
• registry-reui/bases/radix/reui/data-grid/data-grid-scroll-area.tsx
• registry-reui/bases/radix/reui/data-grid/data-grid-table-dnd-rows.tsx

Source

https://github.com/keenthemes/reui

Categories

• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Data Grid Components
• React Data Grid Components
• Table Components
• React Table Components
• Tailwind CSS Table Components

More from ReUI

• Data grid with pagination
• Data grid with column icons
• Data grid with sortable columns
• Data grid with movable columns
• Data grid with draggable columns
• Data grid with draggable rows
• Data grid with column resizing
• Data grid with pinnable columns
• Data grid with sticky header
• Data grid with column controls
• Data grid with card container
• Data grid with cell border