Function: FlexRender()#

function FlexRender<TFeatures, TData, TValue>(props): LitRenderable;

Defined in: packages/lit-table/src/flexRender.ts:101

Simplified component wrapper of flexRender. Use this utility function to render headers, cells, or footers with custom markup. Only one prop (cell, header, or footer) may be passed.

Type Parameters#

TFeatures#

TFeatures extends TableFeatures

TData#

TData extends RowData

TValue#

TValue extends unknown = unknown

Parameters#

props#

FlexRenderProps<TFeatures, TData, TValue>

Returns#

LitRenderable

Example#

${FlexRender({ cell })}
${FlexRender({ header })}
${FlexRender({ footer: header })}

This replaces calling flexRender directly like this:

flexRender(cell.column.columnDef.cell, cell.getContext())
flexRender(header.column.columnDef.header, header.getContext())
flexRender(footer.column.columnDef.footer, footer.getContext())