AdaptTable

Build your table. Connect your agent. Keep your UI kit.

React · Angular · Vue · 25 native adapters · MIT licensed

Filtering, grouping, pivot tables, editing and saved views — rendered with your UI kit's own components. Add an agent that operates through the same table capabilities, or go fully headless and render everything yourself.

React demo · Angular demo · Vue demo · Documentation

• Mobile cards, automatically. Below the breakpoint, rows become readable cards with the same filters, search and selection — no second layout to build. Prefer the table on phones? Set forceMobile to false and it keeps horizontal scrolling. See it flip live →
• The whole view in the URL. Search, filters, sorting, paging and grouping — and column layout when you opt in — live in the query string, so any view is a shareable link that survives reload and the back button. Several tables can share one URL. URL state →
• Spreadsheet power, no paid tier. Pivot tables, formulas, cell-range selection with clipboard and fill handle, undo/redo, and Excel and PDF export — all MIT. Pivot tables →

Your table already knows what it can do

The columns, enabled features and callbacks you configure for your table also supply its agent capabilities. No second implementation of filtering, grouping or editing just to let an agent use them.

48-second AI demo: ask the table to filter, group, calculate aggregates, hide columns and pin Salary.

https://github.com/user-attachments/assets/a6433115-2185-478c-8ee6-ddd64bc1e0f9

• Discover and act: catalog() lists capabilities, describe() supplies schemas and instructions on demand, and execute() runs the requested action.
• Give it context: column meaning, the current view, and full or compact context. Discovering capabilities does not send the entire dataset.
• Keep control: bound row access, choose permissions and approvals, and route data changes through your application's callbacks and save flow.
• Connect your agent: HTTP, AI SDK, AG-UI, OpenAI tools, MCP or your own integration. Use the included assistant and voice input, or build your own UI.

AI is optional and MIT licensed. Bring your own model or agent backend. Explore the AI integration →

A complete table, in your design system

Headless freedom, batteries included for the UI kit you already use — with URL state, RTL, mobile cards and a real filter UX out of the box.

A UI kit's table gets you started. A headless engine gives you control. AdaptTable fills the space between them: assembled interactions with your kit's own controls, plus a headless path when you need custom markup.

70-second feature tour: eight kits across React, Angular and Vue. Each segment shows a different interaction; features aren't exclusive to the kit shown.

https://github.com/user-attachments/assets/2896fd69-9463-4000-8871-f78d08055a84

This is the beginning of the README. Read the rest at the original. Read the full README ↗