Dev Design Library

Data Table

TanStack Table drawn with the library's Table: the fluid hover row highlight plus resizable, draggable columns, sorting headers with an animated sort glyph, a ghost search field with a magnifying glass, an icon Columns menu that shows and h.

Data Table preview
Library
Fluid Functionalism
Framework
React
Type
ui
License
MIT
Dependencies
@tanstack/react-table@^8.21.3, motion
Install
npx shadcn@latest add @fluid/data-table
Files
  • registry/default/data-table.tsx
  • registry/default/lib/utils.ts
  • registry/default/lib/springs.ts
  • registry/default/lib/icon-context.tsx
  • registry/default/lib/size-context.tsx
  • registry/default/lib/type-scale.ts
  • registry/default/table.tsx
  • registry/radix/checkbox.tsx
Source
https://github.com/mickadesign/fluid-functionalism

Categories

More from Fluid Functionalism