Resizable columns

TanStack Table, drag the header edge to resize column widths.

Library

FLX UI

Framework

React

Type

block

License

AGPL-3.0

Dependencies

@tanstack/react-table

Install

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

Files

• registry/patterns/table/table-16.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