Docs
CodeRabbit
Cloudflare
AG Grid
SerpAPI
Netlify
OpenRouter
WorkOS
Clerk
Electric
PowerSync
Sentry
Railway
Prisma
Strapi
Unkey
CodeRabbit
Cloudflare
AG Grid
SerpAPI
Netlify
OpenRouter
WorkOS
Clerk
Electric
PowerSync
Sentry
Railway
Prisma
Strapi
Unkey
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: {},
})