<td *flexRenderCell="cell; let cell">{{cell}}</td>
<th *flexRenderHeader="header; let header">{{header}}</th>
<th *flexRenderFooter="footer; let footer">{{footer}}</th>

<td *flexRenderCell="cell; let cell">{{cell}}</td>
<th *flexRenderHeader="header; let header">{{header}}</th>
<th *flexRenderFooter="footer; let footer">{{footer}}</th>

<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>

<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>

import {FlexRender} from '@tanstack/angular-table

@Component({
 // ...
 imports: [
   FlexRender
 ]
})

import {FlexRender} from '@tanstack/angular-table

@Component({
 // ...
 imports: [
   FlexRender
 ]
})

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

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

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

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

readonly footer: InputSignal<Header<TFeatures, TData, TValue> | undefined>;

readonly footer: InputSignal<Header<TFeatures, TData, TValue> | undefined>;

readonly header: InputSignal<Header<TFeatures, TData, TValue> | undefined>;

readonly header: InputSignal<Header<TFeatures, TData, TValue> | undefined>;