svelte/getting-started

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.