angular/migrate-v8-to-v9

Migrate @tanstack/angular-table code from v8 to v9 with mechanical translation patterns.

28.3k|3.6k|Updated Oct 20, 2016
One-click install
npx skills add https://github.com/TanStack/table --skill angular-migrate-v8-to-v9
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: angular/migrate-v8-to-v9
Source: https://github.com/TanStack/table/tree/main/packages/angular-table/skills/angular/migrate-v8-to-v9
Command: npx skills add https://github.com/TanStack/table --skill angular-migrate-v8-to-v9

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It removes the confusion and breakage caused by TanStack Table v8-to-v9 API changes in Angular, so you can update your implementation without guessing which options and types moved where.

Core Features & Use Cases

  • Mechanical v8 → v9 translation patterns for Angular including entrypoint changes from createAngularTable to injectTable.
  • Required v9 configuration wiring that enables features via _features and row models via _rowModels, preventing silent non-working behavior.
  • Type and naming updates such as sortFn/sortFns renames, column helper generic order changes, and sizing/resizing state splits (columnSizingInfo → columnResizing).
  • Reactivity and state access guidance for Angular signals, including replacing table.getState() with table.store.state and using per-slice atoms.

Quick Start

Ask the AI to convert your current @tanstack/angular-table v8 integration to a working v9 injectTable setup by updating entrypoints, _features/_rowModels, state handling, and all renamed types and options.

Frequently Asked Questions about angular/migrate-v8-to-v9

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I migrate TanStack Table v8 to v9 in Angular?

To migrate TanStack Table v8 to v9 in Angular, replace the createAngularTable entrypoint with injectTable, wire features via _features, and configure row models using _rowModels factories to prevent silent non-working behavior.

What changed in Angular TanStack Table v9 state access and signals?

Angular TanStack Table v9 state access changes require replacing table.getState() with table.store.state using signal-backed atoms, enabling per-slice atoms for reactive state management instead of direct state reads.

Why are my TanStack Table v9 sorting functions not working after migration?

TanStack Table v9 sorting functions may not work because v8 sortingFn and sortFns options require renaming to sortFn and sortFns respectively, ensuring the updated configuration matches the v9 API expectations.

Do I need to update TypeScript generics when migrating Angular Table to v9?

Yes, you must update TypeScript generics when migrating Angular Table to v9, specifically adjusting the generic order for createColumnHelper and table types to align with the new v9 type definitions.

How do I handle column resizing state changes in TanStack Table v9?

To handle column resizing state changes in TanStack Table v9, map the v8 columnSizingInfo state splits to the new columnResizing state structure, ensuring resizing behavior functions without runtime breakage.