Function: FlexRender()

function FlexRender<TFeatures, TData, TValue>(props): 
  | string
  | number
  | bigint
  | boolean
  | Iterable<ReactNode, any, any>
  | Promise<AwaitedReactNode>
  | Element
  | null
  | undefined;

function FlexRender<TFeatures, TData, TValue>(props): 
  | string
  | number
  | bigint
  | boolean
  | Iterable<ReactNode, any, any>
  | Promise<AwaitedReactNode>
  | Element
  | null
  | undefined;

Defined in: FlexRender.tsx:97

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

Type Parameters

TFeatures

extends

TData

extends

TValue

extends =

Parameters

props

<, , >

Returns

| | | | | <, , > | <> | | |

Example

tsx

<FlexRender cell={cell} />
<FlexRender header={header} />
<FlexRender footer={footer} />

<FlexRender cell={cell} />
<FlexRender header={header} />
<FlexRender footer={footer} />

This replaces calling directly like this:

tsx

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

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

FlexRender

Function: FlexRender()#

Type Parameters#

TFeatures#

TData#

TValue#

Parameters#

props#

Returns#

Example#