Make your AI a shadcn expert

Table

Data table with sortable columns and render props for React

Table preview

Scroll to load preview

Define columns with ColumnDef, get sortable headers with dropdown menus, and render cells however you want. Sorting state persists across re-renders. Empty states are handled automatically. Render props give you full control over rows without boilerplate.

Install with AI

If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this component for you — no copy-paste, no CLI:

use shadcnio to install the table component into my project

FAQ

Was this page helpful?

Sign in to leave feedback.