TanStack
Column API Reference

AppColumnHelper

Interface: AppColumnHelper<TFeatures, TData, TCellComponents, THeaderComponents>

Defined in: types.ts:455

Enhanced column helper with pre-bound components in cell/header/footer contexts. This enables TypeScript to know about the registered components when defining columns.

Type Parameters

TFeatures

TFeatures extends TableFeatures

TData

TData extends RowData

TCellComponents

TCellComponents extends Record<string, TableComponentType>

THeaderComponents

THeaderComponents extends Record<string, TableComponentType>

Properties

accessor()

ts
accessor: <TAccessor, TValue>(accessor, column) => TAccessor extends AccessorFn<TData> ? AccessorFnColumnDef<TFeatures, TData, TValue> : AccessorKeyColumnDef<TFeatures, TData, TValue>;

Defined in: types.ts:465

Creates a data column definition with an accessor key or function. The cell, header, and footer contexts include pre-bound components.

Type Parameters

TAccessor

TAccessor extends string | AccessorFn<TData>

TValue

TValue extends unknown

Parameters

accessor

TAccessor

column

TAccessor extends AccessorFn<TData> ? Omit<IdentifiedColumnDef<TFeatures, TData, TValue>, "footer" | "header" | "cell"> & object & object : AppColumnDefBase<TFeatures, TData, TValue, TCellComponents, THeaderComponents>

Returns

TAccessor extends AccessorFn<TData> ? AccessorFnColumnDef<TFeatures, TData, TValue> : AccessorKeyColumnDef<TFeatures, TData, TValue>


columns()

ts
columns: <TColumns>(columns) => ColumnDef<TFeatures, TData, any>[] & [...TColumns[]];

Defined in: types.ts:499

Wraps an array of column definitions to preserve each column's individual TValue type.

Type Parameters

TColumns

TColumns extends readonly ColumnDef<TFeatures, TData, any>[]

Parameters

columns

[...TColumns[]]

Returns

ColumnDef<TFeatures, TData, any>[] & [...TColumns[]]


display()

ts
display: (column) => DisplayColumnDef<TFeatures, TData, unknown>;

Defined in: types.ts:507

Creates a display column definition for non-data columns. The cell, header, and footer contexts include pre-bound components.

Parameters

column

AppDisplayColumnDef<TFeatures, TData, TCellComponents, THeaderComponents>

Returns

DisplayColumnDef<TFeatures, TData, unknown>


group()

ts
group: (column) => GroupColumnDef<TFeatures, TData, unknown>;

Defined in: types.ts:520

Creates a group column definition with nested child columns. The cell, header, and footer contexts include pre-bound components.

Parameters

column

AppGroupColumnDef<TFeatures, TData, TCellComponents, THeaderComponents>

Returns

GroupColumnDef<TFeatures, TData, unknown>