Agents & OrchestrationSûr100100/100
Core (TanStack)
Use TanStack Table v9 core architecture, stable data and columns, and inferred
ou envoie-le directement à ton agent.
Installer dans ton projet
$ curl -fsSL https://arboristhree.xyz/cli/install-skill.mjs -o /tmp/arboris-install-skill.mjs && node /tmp/arboris-install-skill.mjs core__tanstack-table__packages-table-core-skills-ecf79ec0c2adTanStack
TanStack/table
Contenu à copier
---
name: core
description:
Use TanStack Table v9 core architecture, stable data and columns, and inferred
types. Route setup, missing APIs, row models, state, features, and framework-specific work.
metadata:
origin: TanStack
type: core
library: '@tanstack/table-core'
library_version: '9.3.1'
sources:
- TanStack/table:docs/overview.md
- TanStack/table:docs/guide/tables.md
- TanStack/table:docs/guide/data.md
- TanStack/table:packages/table-core/src/index.ts
- TanStack/table:docs/guide/helpers.md
- TanStack/table:docs/guide/column-defs.md
- TanStack/table:docs/guide/table-and-column-meta.md
- TanStack/table:packages/table-core/src/helpers
- TanStack/table:packages/table-core/src/types/TableFeatures.ts
- TanStack/table:docs/framework/react/guide/migrating.md
- TanStack/table:docs/guide/rows.md
- TanStack/table:packages/table-core/src/core/rows/coreRowsFeature.utils.ts
---
# TanStack Table core
TanStack Table coordinates state and row processing. The renderer owns markup, styles, semantics, and interaction accessibility. Use the installed framework adapter in UI code; use `constructTable` for framework-neutral integrations.
## Minimal setup
<!-- skill-snippet:check -->
```ts
import {
constructTable,
createColumnHelper,
tableFeatures,
} from '@tanstack/table-core'
import { storeReactivityBindings } from '@tanstack/table-core/store-reactivity-bindings'
type Person = { id: string; name: string }
const features = tableFeatures({
coreReactivityFeature: storeReactivityBindings(),
})
const helper = createColumnHelper<typeof features, Person>()
const columns = helper.columns([helper.accessor('name', { header: 'Name' })])
const data: Person[] = [{ id: '1', name: 'Ada' }]
const table = constructTable({
features,
columns,
data,
getRowId: (row) => row.id,
})
for (const row of table.getRowModel().rows) {
console.log(row.getAllCells().map((cell) => cell.getValue()))
}
```
## Essential constraints
- The core row model is automatic. Optional APIs and state exist only after their feature is registered.
- Keep `features`, `data`, and `columns` stable between meaningful changes. Derive changing arrays with the adapter's memo/computed mechanism; an inline `.map()`, `.filter()`, column factory, or fresh `[]` fallback invalidates model work and can cause render loops.
- Let `createColumnHelper` and `helper.columns()` preserve accessor value types. Derive feature types from the concrete registry when an explicit boundary is needed.
- Call row, cell, column, and header methods on their instance. Use `row.getValue('name')` or a callback that calls it; extracting `const { getValue } = row` loses its `this` receiver.
- Render the final `table.getRowModel().rows`. The table object itself is not a DOM component.
## Read for the current task
| Task | Read |
| ------------------------------------------------------------------- | --------------------------------------------------------------------------------------- |
| Add or repair optional features, processing slots, or prerequisites | [Feature architecture](../table-features/SKILL.md), then its relevant feature reference |
| Choose state ownership, initialize or reset state | [Shared state](../table-state/SKILL.md) |
| Fix `ColumnDef` inference, reusable options, or scoped meta | [TypeScript inference](references/typescript.md) |
| Diagnose a missing export, option, state slice, or instance method | [API discovery](references/api-not-found.md) |
| Implement row numbers, identity, or display-index behavior | [Rows](references/rows.md) |
| Author behavior beyond built-ins or typed meta | [Custom features](../custom-features/SKILL.md) |
| Migrate an existing v8 table | [Migration audit](../migrate-v8-to-v9/SKILL.md) |
For framework construction and rendering, load the installed package's `getting-started` skill with `intent load <package>#getting-started`, replacing `<package>` with the actual adapter package, such as `@tanstack/react-table`. For reactive reads or controlled wiring, load that package's `table-state` skill directly.
## Installed API discovery
Start at `node_modules/@tanstack/table-core/dist/index.d.ts` and follow exported declarations. Adapter declaration layouts and missing-API diagnosis are in [API discovery](references/api-not-found.md); read it when the expected export or declaration path is absent.Colle ce Markdown dans ton agent ou utilise les boutons ci-dessus pour l’écrire dans ton projet.
Ce que fait Core (TanStack)
The core row model is automatic. Optional APIs and state exist only after their feature is registered.
Keep `features`, `data`, and `columns` stable between meaningful changes. Derive changing arrays with the adapter's memo/computed mechanism; an inline `.map()`, `.filter()`, column factory, or fresh `[]` fallback invalidates model work and can cause render loops.
Let `createColumnHelper` and `helper.columns()` preserve accessor value types. Derive feature types from the concrete registry when an explicit boundary is needed.
Call row, cell, column, and header methods on their instance. Use `row.getValue('name')` or a callback that calls it; extracting `const { getValue } = row` loses its `this` receiver.
Comment utiliser Core (TanStack)
1
Copie le prompt
Un clic copie le prompt packagé (ou l'envoie à ton agent).
2
L'agent installe le skill
Il ajoute le SKILL.md et ses ressources à ton projet.
3
Activation automatique
Le skill s'active dès que le contexte correspond.
Déclencheurs pour Core (TanStack)
Dis simplement à ton agent quelque chose comme :
Applique le skill core__tanstack-table__packages-table-core-skills-ecf79ec0c2ad à cette tâche
Utilise core__tanstack-table__packages-table-core-skills-ecf79ec0c2ad pour améliorer cette implémentation
Passe en revue ce sujet avec core__tanstack-table__packages-table-core-skills-ecf79ec0c2ad
Skills liés à Core (TanStack)
Acceleration (Microsoft)
Compare synthetic acceleration options and clearly separate scenario value from forecast commitments.Account Overview (Microsoft)
Create a synthetic Acme account overview and identify evidence that merits seller attention.Acroform Writer (Microsoft)
Use this skill whenever the user wants values written INTO an existing PDF form that lives in the connected SharePoint knowledge source — filling out, completing, populating, or submitting a fillable PDF (application, intake sheet, contract, government form) from data they supply, a spreadsheet row, or the conversation. Triggers include "fill out the job application form", "complete the intake form for [person]", "populate our standard NDA template", and "make this ready to send / non-editable" (flatten). The source form should be found via knowledge search; only ask the user to upload it if knowledge search turns up nothing plausible. different task), and do NOT use it on scanned/image-only PDFs that have no real fillable fields — those need OCR or manual overlay instead, which this skill explicitly detects and reports rather than silently failing.