vue/getting-started

What problem does it solve?

TanStack Vue users need a clear, end-to-end path to assemble a minimal v9 table correctly—especially the required v9 wiring of _features, _rowModels, column helper generics, and <FlexRender> rendering.

Core Features & Use Cases

• Create a working minimal table: establish stable _features via tableFeatures({}), provide required _rowModels: {}, define columns with createColumnHelper using both generics, and render headers/cells with FlexRender.
• Add a feature the v9 way: enable sorting by registering rowSortingFeature in _features and wiring sortedRowModel with its required sortFns parameter so APIs like getToggleSortingHandler and getIsSorted are available.
• Compose multiple features: build sorting + filtering + pagination by layering features in _features and stacking matching row model factories in _rowModels for state-transition APIs to work.

Quick Start

Use the getting-started setup to install @tanstack/vue-table, declare _features and _rowModels in your Vue component, define columns with createColumnHelper using both generics, then instantiate useTable and render headers and cells with FlexRender.