# Sortable data table

Compare structured records with sortable columns.

- ID: `sortable-data-table`
- Import: `animui/sortable-data-table`
- Category: Data
- Runtime exports: `SortableDataTable`, `default`
- Declaration: `types/free/components/sortable-data-table.d.ts`
- Type provenance: emitted-original-typescript
- Related: filter-toolbar, pagination, badge, empty-state, checkbox

```tsx
import { SortableDataTable } from 'animui/sortable-data-table';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info sortable-data-table` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { SortableDataTable, default } from '../registry/components/sortable-data-table/sortable-data-table.js';
export type { DataColumn, SortDirection, SortState, SortableDataTableProps } from '../registry/components/sortable-data-table/sortable-data-table.js';
```