What problem does it solve?
It guides you through creating a working, typed TanStack table in Svelte 5 with the v9 adapter, avoiding common setup mistakes caused by the v9 shape and Svelte runes requirements.
Core Features & Use Cases
- Svelte 5 + v9 setup: Ensures you’re using the required Svelte version and the correct adapter APIs for v9.
- Explicit feature and row-model opt-in: Shows how to define
_features and register the corresponding _rowModels factories so the table instance exposes the right derived APIs.
- Strong typing with generics: Demonstrates
createColumnHelper<typeof _features, TData>() and ColumnDef<typeof _features, TData> for type-safe columns and cells.
- Reactive data + render: Uses
$state with a get data() reactive getter and renders cells/headers with FlexRender, including best practices like keyed {#each} blocks.
- Add a feature like pagination: Illustrates how to enable pagination and react to table state from UI controls.
- Multi-table reuse: Introduces
createTableHook/createAppTable patterns for sharing feature and row-model configuration across an app.
Quick Start
Ask the AI to produce a minimal Svelte 5 v9 @tanstack/svelte-table setup that defines _features, _rowModels, typed columns for a Person type, creates the table with createTable({ get data() }), and renders headers and rows using FlexRender.
