# Data Table

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

> For the complete documentation index, see [llms.txt](/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](/.well-known/agent-skills/site-skill.md).





<ComponentPreview name="data-table-demo">
  <DataTableDemo />
</ComponentPreview>

The Data Table is built by composing [Table](/docs/components/table) and [TanStack Table](https://tanstack.com/table). There is no separate component
to install — add the building blocks and compose them.

## Installation [#installation]

```bash
npx shadcn@latest add https://shadcn-cssinjs.com/r/table.json
```

Install the extra dependency:

```bash
pnpm add @tanstack/react-table
```



## RTL [#rtl]

To enable right-to-left support, see the [RTL guide](/docs/rtl).

<ComponentPreview name="data-table-rtl" direction="rtl">
  <DataTableRtl />
</ComponentPreview>