Svelte Data Table Blocks

Explore reusable Svelte 5 and TanStack Table V9 blocks for selection, filtering, sorting, resizing, dragging, and column pinning.

Basic Data Table

IdNameEmailAgeLocationFlagStatusBalance
No results.
Total $0.00

Row Selection

Header CheckboxRow Checkbox
IdNameEmailAgeLocationFlagStatusBalance
No results.
Total $0.00

Data Table with Filters

Number Range FilterDebounce InputFaceted Filter
0 results
NameEmailAgeLocationStatus
No results.

Data Table with Custom Filters

Filters
NameEmailAgeLocationStatusBalance
No results.

Resizable & Sortable Columns
No results.

Pinnable Columns

Name
Email
Location
Status
Balance
Department
Role
Join Date
Last Active
Performance
No results.

Draggable Columns

Name
Email
Location
Status
Balance
No results.

Drag columns by their handles. Made with TanStack Table and svelte-dnd-action

Expandable Sub Rows

Header CheckboxRow Checkbox
NameEmailLocationStatusBalance
No results.

Paginated Table

Header CheckboxPage Size SelectorPaginationPagination ArrowRow Checkbox
No results.
Rows per page

Numeric Pagination

Header CheckboxPage Size SelectorPaginationRow Checkbox
No results.
Rows per page

Complex Table

Data Table Faceted FilterData Table ViewDebounce InputHeader CheckboxPage Size Selector
No results.
Rows per page