Docs
Cloudflare
CodeRabbit
Railway
SerpAPI
Clerk
AG Grid
OpenRouter
Netlify
WorkOS
Sentry
Unkey
Electric
Prisma
Cloudflare
CodeRabbit
Railway
SerpAPI
Clerk
AG Grid
OpenRouter
Netlify
WorkOS
Sentry
Unkey
Electric
Prisma
Table API Reference
Column API Reference
Row API Reference
Cell API Reference
Header API Reference
Features API Reference
Static Functions API Reference
Table API Reference

createTableHook

Function: createTableHook()

ts
function createTableHook<TFeatures, TTableComponents, TCellComponents, THeaderComponents>(__namedParameters): CreateTableHookResult<TFeatures, TTableComponents, TCellComponents, THeaderComponents>;
function createTableHook<TFeatures, TTableComponents, TCellComponents, THeaderComponents>(__namedParameters): CreateTableHookResult<TFeatures, TTableComponents, TCellComponents, THeaderComponents>;

Defined in: packages/angular-table/src/helpers/createTableHook.ts:368

Creates app-scoped Angular table helpers with features, row models, and renderable component maps pre-bound.

Use this when an app or design system wants typed injectAppTable, pre-bound column helpers, and typed table/cell/header context injection helpers without repeating the same feature and component generics.

Type Parameters

TFeatures

TFeatures extends TableFeatures

TTableComponents

TTableComponents extends Record<string, RenderableComponent>

TCellComponents

TCellComponents extends Record<string, RenderableComponent>

THeaderComponents

THeaderComponents extends Record<string, RenderableComponent>

Parameters

__namedParameters

CreateTableContextOptions<TFeatures, TTableComponents, TCellComponents, THeaderComponents>

Returns

CreateTableHookResult<TFeatures, TTableComponents, TCellComponents, THeaderComponents>

Example

ts
const { injectAppTable, createAppColumnHelper } = createTableHook({
  features,
  rowModels: {},
  tableComponents: {},
  cellComponents: {},
  headerComponents: {},
})
const { injectAppTable, createAppColumnHelper } = createTableHook({
  features,
  rowModels: {},
  tableComponents: {},
  cellComponents: {},
  headerComponents: {},
})