Components

Data Table

Shadcn

Powerful table and datagrids built using TanStack Table.

Demo

Status Email Amount
success ken99@yahoo.com $316.00
success abe45@gmail.com $242.00
processing monserrat44@gmail.com $837.00
success silas22@gmail.com $874.00
failed carmella@hotmail.com $721.00
pending john.doe@example.com $150.00
success alice.smith@gmail.com $999.00
Total $4139.00

Showing 7 of 7 row(s).

Features

Sorting

Click column headers to sort data ascending or descending.

Filtering

Filter rows based on column values with built-in or custom filters.

Pagination

Navigate through large datasets with customizable page sizes.

Row Selection

Select single or multiple rows with checkbox selection.

Installation

pnpm add @tanstack/svelte-table

Data Table requires @tanstack/svelte-table as a peer dependency.

Usage

Documentation

For full documentation including advanced features like column visibility, row actions, and custom cell rendering, see the official shadcn-svelte documentation and TanStack Table docs.