svelte/table-state

What problem does it solve?

This Skill helps you correctly wire TanStack Table v9 state in Svelte 5 so your datagrid updates predictably, efficiently, and without stale renders.

Core Features & Use Cases

• Rune-based state reactivity: Use $state, $derived.by, and $effect.pre to keep table state in sync with the DOM before rendering.
• Correct slice-based state access: Read table.state via selectors and use table.atoms / table.baseAtoms while respecting which features are registered.
• Fine-grained subscriptions: Use subscribeTable(atom, selector?) with .current to limit rerenders to the parts of your UI that need updates.
• State ownership patterns: Choose between initialState, external atoms (via @tanstack/svelte-store), or state + on[State]Change for controlled slices.

Quick Start

Ask an AI coding agent to “Set up TanStack Table v9 state in Svelte 5 using tableFeatures(), createTable(), table.state selector projection, and subscribeTable() for a single fine-grained UI update.”