docs/framework/angular/reference/classes/FlexRenderCell.md
Defined in: helpers/flexRenderCell.ts:62
Simplified directive wrapper of *flexRender.
Use this utility component to render headers, cells, or footers with custom markup.
Only one prop (cell, header, or footer) may be passed based on the used selector.
<td *flexRenderCell="cell; let cell">{{cell}}</td>
<th *flexRenderHeader="header; let header">{{header}}</th>
<th *flexRenderFooter="footer; let footer">{{footer}}</th>
This replaces calling *flexRender directly like this:
<td *flexRender="cell.column.columnDef.cell; props: cell.getContext(); let cell">{{cell}}</td>
<td *flexRender="header.column.columnDef.header; props: header.getContext(); let header">{{header}}</td>
<td *flexRender="footer.column.columnDef.footer; props: footer.getContext(); let footer">{{footer}}</td>
Can be imported through FlexRenderCell or FlexRender import, which the latter is preferred.
import {FlexRender} from '@tanstack/angular-table
@Component({
// ...
imports: [
FlexRender
]
})
TFeatures extends TableFeatures
TData extends RowData
TValue extends CellData
new FlexRenderCell<TFeatures, TData, TValue>(): FlexRenderCell<TFeatures, TData, TValue>;
Defined in: helpers/flexRenderCell.ts:118
FlexRenderCell<TFeatures, TData, TValue>
readonly cell: InputSignal<Cell<TFeatures, TData, TValue> | undefined>;
Defined in: helpers/flexRenderCell.ts:67
readonly footer: InputSignal<Header<TFeatures, TData, TValue> | undefined>;
Defined in: helpers/flexRenderCell.ts:75
readonly header: InputSignal<Header<TFeatures, TData, TValue> | undefined>;
Defined in: helpers/flexRenderCell.ts:71