Defined in: helpers/cell.ts:76

Provides a TanStack Table Cell instance in Angular DI.

The cell can be injected by:

• any descendant of an element using [tanStackTableCell]="..."
• any component instantiated by *flexRender when the render props contains cell

Inject from the nearest [tanStackTableCell]:

<td [tanStackTableCell]="cell">
  <app-cell-actions />
</td>

@Component({
  selector: 'app-cell-actions',
  template: `{{ cell().id }}`,
})
export class CellActionsComponent {
  readonly cell = injectTableCellContext()
}

Inject inside a component rendered via flexRender:

@Component({
  selector: 'app-price-cell',
  template: `{{ cell().getValue() }}`,
})
export class PriceCellComponent {
  readonly cell = injectTableCellContext()
}

TFeatures extends TableFeatures

TData extends RowData

TValue extends CellData

• TanStackTableCellContext<TFeatures, TData, TValue>

new TanStackTableCell<TFeatures, TData, TValue>(): TanStackTableCell<TFeatures, TData, TValue>;

TanStackTableCell<TFeatures, TData, TValue>

readonly cell: InputSignal<Cell<TFeatures, TData, TValue>>;

Defined in: helpers/cell.ts:86

The current TanStack Table cell.

Provided as a required signal input so DI consumers always read the latest value.

TanStackTableCellContext.cell