What problem does it solve?
This Skill helps you quickly create a working TanStack Table v9 in Angular by correctly wiring the required v9 concepts (_features, _rowModels, injectTable) and rendering with FlexRender, while avoiding common v8→v9 mistakes.
Core Features & Use Cases
- Signal-backed Angular table setup: Build an end-to-end table using
injectTable inside an injection context and drive updates from Angular signal data.
- Explicit v9 feature + row-model registration: Configure sorting, filtering, and pagination by pairing each feature in
_features with its matching derived row model factory in _rowModels.
- Type-safe columns with correct generic order: Define
ColumnDef and column helpers using the v9 generic order (TFeatures, TData) for reliable inference and safer column definitions.
- Rendering guidance with Angular directives: Render headers, cells, and footers using
FlexRender plus *flexRenderHeader, *flexRenderCell, and *flexRenderFooter, with a minimal viable HTML table structure.
- Practical failure-mode guardrails: Includes targeted warnings for calling
injectTable outside an injection context, using non-existent v8 APIs, and forgetting to register a feature’s row model.
Quick Start
Use the angular/getting-started Skill to generate an Angular ≥19 table that uses injectTable with explicit _features and _rowModels, renders with FlexRender directives, and progressively adds sorting, filtering, and pagination.
