design-infraReport a problem or share feedback← Catalog
Table: tanstack, checkbox, sort
curatedtheme-awarefreeoriginui/comp-485
Table variant (comp-485) — table, tanstack, checkbox, sort, flag, badge, chip, pagination, filter, select.
drop-inTrustworthyMinimal
$
npx shadcn@latest add https://coss.com/origin/r/comp-485.jsonnpm deps: @tanstack/react-table
Our notes
Full TanStack data table: search, column filters, visibility toggles, row selection, delete, pagination. Best free 'admin table' starting point. Pulls Origin's own table/button/select primitives (see gotchas).- Source
- Origin UI (coss.com origin)
- Kind
- component
- Categories
- table
- Use as
- drop-in — replaces your component
- Applies to
- table
- Motion
- not tagged (static or unknown)
- Tags
- table, tanstack, checkbox, sort, flag, badge, chip, pagination, filter, select
- Licence
- MIT (apps/origin in cosscom/coss; the rest of that monorepo is AGPL-3.0)
- Live demo
- coss.com
- Docs
- coss.com
Similar
Compare all 4 →- Diff Tablebeautifui/diff-tableRow-level diff table for agent-proposed data changes. Requires the Beautiful UI foundation.css, which redefines --accent (collides with shadcn).
- Sortable Listbeui/sortable-stackReorderable items with drag and keyboard controls. Connect the order to application state and persistence; a demo reorder is not backend storage.
- Table Async Tablebeui/table-asyncA data-table starting point for asynchronous records. Connect the real query, loading/error/empty states and server pagination; preserve accessible headers.