Manages TanStack Table state in Angular using signal-backed atoms and controlled signals.
npx skills add https://github.com/TanStack/table --skill table-state
Please help me install this Agent Skill. Skill: table-state Source: https://github.com/TanStack/table/tree/main/packages/angular-table/skills/table-state Command: npx skills add https://github.com/TanStack/table --skill table-state
Managing TanStack Table state in Angular is error-prone: developers must decide who owns each state slice, handle value-or-updater callbacks correctly, and avoid performance issues caused by injectTable initializer reruns when signals change.
Show me how to control TanStack Table pagination state in my Angular component using a signal and the onPaginationChange callback.
High-intent search queries and answers about installing and using this skill.
Pass a signal read into the state option, such as state: { pagination: this.pagination() }, and provide the matching onPaginationChange callback. The callback receives a value or updater function, so resolve it with typeof next === 'function' before calling set or update.
Create a stable atom with createAtom from @tanstack/angular-store and pass it through the atoms option, for example atoms: { pagination: this.paginationAtom }. Table APIs update the atom directly without a change callback or initializer reruns.
Signal reads inside the injectTable initializer are tracked, so any controlled signal write reruns it and calls setOptions. Hoist static work like features and columns outside the initializer and only read dynamic signals inside it.
No, each state slice should have exactly one owner. External atoms override controlled state, which overrides initial state, so passing both initialState and an atom for the same slice causes the initial value to be ignored.
Change callbacks receive either a raw value or an updater function. Calling this.pagination.set(next) directly stores the function itself as state; instead check typeof next === 'function' and use signal.update(next) for updaters.
TanStackWire TanStack Table v9 state slices into Angular signals via injectTable.
Montte-erpManage sorting, filtering, pagination, grouping, and row state for dynamic data grids.
TanStackCompose TanStack Table state slices in Vue with TanStack Store atoms.
TanStackConfigure TanStack Table v9 feature plugins and row-model factories.
