edbnedbn/ui
ComponentsTablesStandards
GitHub stars
Explorer
    • Tables overview
    • Choosing a data boundary
    • Data Table
    • Basic
    • Sorting
    • Filtering
    • Pagination
    • Selection
    • Visibility
    • Actions
    • Complete
    • States
    • Live data
    • Server Data Table
    • Offset
    • Cursor
    • URL state
    • Failure
    • Virtualized Data Table
    • Rows
    • Large states
    • Advanced Data Table
    • Pinning
    • Resizing
    • Ordering
    • Grouping
    • Expanding
    • Complete

TanStack Table v9

Tables that stay yours

edbn table starters combine TanStack Table's headless state engine with native HTML tables and the same editable shadcn registry source as the rest of edbn/ui.

Choose the smallest layer

Use the existing Table primitive for static markup. Add the data-table block when users need sorting, filtering, pagination, selection, or column controls. Server, virtualized, and advanced behavior remain separate blocks so normal tables do not pay for them.

Install the client starter

npx shadcn@4.19.0 add https://ui.edbn.me/r/data-table.json

Your application owns the row type, data, columns, and domain actions. The installed renderer only composes the table instance you create.

Start with native semantics

The starter renders a caption, column and row headers, table rows, cells, and labeled controls. It deliberately does not add a grid role or custom arrow-key model.

Open the basic table