Migrate TanStack Table for Lit from v8 to v9 APIs.
npx skills add https://github.com/TanStack/table --skill lit-migrate-v8-to-v9
Please help me install this Agent Skill. Skill: lit/migrate-v8-to-v9 Source: https://github.com/TanStack/table/tree/main/packages/lit-table/skills/lit/migrate-v8-to-v9 Command: npx skills add https://github.com/TanStack/table --skill lit-migrate-v8-to-v9
This skill solves the problem of upgrading TanStack Table for Lit from v8 to v9 without getting stuck on breaking API and typing changes.
TableController(host, () => options) pattern to v9 new TableController(host) plus .table(options, selector?).get*RowModel options with _features registration and _rowModels factories (e.g., sorting, filtering, pagination).flexRender(def, ctx) to FlexRender({ cell|header|footer }) and updates ColumnDef/Table generics to include TFeatures.Ask an AI agent to migrate your existing @tanstack/lit-table v8 code to the v9 TableController + _features/_rowModels + FlexRender({ ... }) patterns while preserving your current columns, data, and enabled features.
High-intent search queries and answers about installing and using this skill.
Migrate TanStack Table for Lit from v8 to v9 by updating controller construction, row model wiring, and rendering APIs. Replace `TableController(host, () => options)` with `new TableController(host)` plus `.table(options, selector?)`.
The FlexRender API for Lit Table v9 changed from `flexRender(def, ctx)` to `FlexRender({ cell|header|footer })`, requiring updates to how cell, header, and footer rendering is handled in your components.
Register features and row models in TanStack Table v9 by replacing `get*RowModel` options with `_features` registration and `_rowModels` factories, mapping v8 options for sorting, filtering, and pagination to the new structure.
Yes, upgrading to TanStack Table v9 requires updating `ColumnDef` and `Table` generics to include `TFeatures`, ensuring correct type integration for registered features and row models in your Lit components.
Your Lit TableController is not working after upgrading to v9 because the controller construction pattern changed, requiring `new TableController(host)` followed by `.table(options)` instead of passing options directly to the constructor.
Yes, you can preserve existing columns and data when migrating Lit Table to v9 by updating the controller lifecycle, feature registration, and FlexRender patterns while keeping your current column definitions and data sources intact.
TanStackBuilds a typed TanStack Table in LitElement using TanStack Lit Table v9's TableController and FlexRender.
TanStackGuide building a first TanStack Vue v9 table with feature and row-model wiring.
TanStackWire reactive TanStack Table v9 state into LitElement hosts with TableController.
TanStackMigrate TanStack Table v8 code to the v9 core shape.