Table

A table that renders a plain <table> from a declared column list: header text, a renderer per row, and optional right alignment for numbers. Reach for it whenever data needs to line up in rows and columns - a pricing grid, a changelog, package files - and sorting or selection can stay on the page.

Why it is built this way

Columns are declared once, each with its own renderer - that's as far toward a data grid as this goes. Sorting and selection are the page's state; a table that owns them becomes a component that owns your data flow instead of just rendering it. The frame carries data-lenis-prevent, so a drag that starts inside a wide table scrolls the table sideways in its own frame instead of the page moving underneath it.

Install

tanstack add https://adamjurek.com/r/tanstack/table.json

pnpm dlx shadcn@latest add https://adamjurek.com/r/shadcn/table.json

pnpm add @sushindustries/ui @sushindustries/atoms

What you get