angular/getting-started

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.