For the complete documentation index, see llms.txt. Markdown variants are available by appending .md to any URL or sending an Accept: text/markdown header. An agent skill is available at /.well-known/agent-skills/site-skill.md.
0
Sponsor

Data Table

PreviousNext

Powerful tables and datagrids built using TanStack Table and the Table component.

StatusEmail
Amount
successken99@example.com$316.00
successabe45@example.com$242.00
processingmonserrat@example.com$837.00
failedcarmella@example.com$721.00
"use client";

import {
  flexRender,
  getCoreRowModel,
  useReactTable,

The Data Table is built by composing Table and TanStack Table. There is no separate component to install — add the building blocks and compose them.

Installation

$ pnpm dlx shadcn@latest add https://shadcn-cssinjs.vercel.app/r/table.json

Install the extra dependency:

pnpm add @tanstack/react-table

RTL

To enable right-to-left support, see the RTL guide.

الحالةالبريد الإلكتروني
المبلغ
ناجحken99@example.com$316.00
ناجحabe45@example.com$242.00
قيد المعالجةmonserrat@example.com$837.00
فشلcarmella@example.com$721.00
"use client";

import {
  flexRender,
  getCoreRowModel,
  useReactTable,

API Reference

The data table is built using TanStack Table. See the TanStack Table documentation for the full API reference.