This skill builds on @tanstack/table-core#core and @tanstack/table-devtools#devtools.
Setup
import { Component } from '@angular/core'
import { injectTable, tableFeatures } from '@tanstack/angular-table'
import { injectTanStackTableDevtools } from '@tanstack/angular-table-devtools'
const features = tableFeatures({})
const columns = [{ accessorKey: 'id' }]
const data: Array<{ id: string }> = []
@Component({ selector: 'users-table', template: 'Users table registered' }) export class UsersTable { readonly table = injectTable(() => ({ key: 'users-table', features, columns, data, }))
constructor() { injectTanStackTableDevtools(() => ({ table: this.table })) } }
Provide the Angular TanStack Devtools host once at application configuration level as documented in `docs/devtools.md`.
## Hooks and Components
The injector options function may return `table: undefined` or an `enabled` function to remove/disable registration reactively.
## Common Mistakes
### CRITICAL Injector called outside context
Wrong: call `injectTanStackTableDevtools` from an arbitrary callback after bootstrap.
Correct: call it in a component/service field initializer or constructor injection context.
The adapter uses Angular injection and effects for lifecycle cleanup.
Source: TanStack/table:packages/angular-table-devtools/src/injectTanStackTableDevtools.ts
### HIGH Missing table key
Wrong: register an otherwise valid table without `options.key`.
Correct: assign a stable unique key before injection registration.
Core registration logs an error and skips keyless targets.
Source: TanStack/table:packages/table-devtools/src/tableTarget.ts
### MEDIUM isDevMode no-op misunderstood
Wrong: expect default Angular exports to render production Devtools.
Correct: keep standard setup development-only; use `/production` only when explicitly requested.
The package index switches exports using Angular `isDevMode()`.
Source: TanStack/table:packages/angular-table-devtools/src/index.ts
## API Discovery
Inspect `node_modules/@tanstack/angular-table-devtools/dist/index.d.ts` and `injectTanStackTableDevtools.d.ts` for current injection options.