Data Grid

Sortable, searchable, filterable table with selection, column toggles and pagination, built on TanStack Table.

Library

Velora UI

Framework

React

Type

ui

License

MIT

Dependencies

@tanstack/react-table@^8.21.3, lucide-react

Install

npx shadcn@latest add https://velora.colorlib.com/r/data-grid.json

Files

• src/components/velora/data-grid.tsx
• src/components/ui/button.tsx
• src/components/ui/dropdown-menu.tsx
• src/components/ui/input.tsx
• src/components/ui/select.tsx
• src/components/ui/skeleton.tsx
• src/components/ui/table.tsx
• src/lib/utils.ts

Source

https://github.com/ColorlibHQ/velora-ui

Categories

• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• shadcn/ui Data Display Components
• Data Table Components
• React Data Table Components
• Tailwind CSS Data Table Components
• shadcn/ui Data Table Components
• Table Components
• React Table Components
• Tailwind CSS Table Components
• shadcn/ui Table Components

More from Velora UI

• Pricing comparison table
• 3D Card
• 3D Marquee
• 3D Pin
• Animated Beam
• Animated Gradient Text
• Animated List
• Animated Modal
• Animated Sidebar
• Animated Tabs
• Animated Testimonials
• Animated Tooltip