Complex data table

TanStack Table, combines sorting, column filter, pagination, row selection, column visibility toggle, and per-row action menus.

Library

FLX UI

Framework

React

Type

block

License

AGPL-3.0

Dependencies

@tanstack/react-table

Install

pnpm dlx shadcn@latest add @flx/table-20

Files

• registry/patterns/table/table-20.tsx
• src/components/ui/badge.tsx
• src/components/ui/button.tsx
• src/components/ui/checkbox.tsx
• src/components/ui/dropdown-menu.tsx
• src/components/ui/input.tsx
• src/components/ui/table.tsx
• src/lib/utils.ts

Source

https://github.com/felipemenezes098/ui-flx

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 FLX UI

• Comparison Table
• Basic
• With images
• Without dividers
• Striped rows
• With vertical lines
• Dense
• With checkbox
• Card table
• Vertical
• Sticky header
• Sortable