Type Alias: AppSolidTable<TFeatures, TData, TTableComponents, TCellComponents, THeaderComponents>#

type AppSolidTable<TFeatures, TData, TTableComponents, TCellComponents, THeaderComponents> = SolidTable<TFeatures, TData> & NoInfer<TTableComponents> & object;

Defined in: createTableHook.tsx:344

Extended table API returned by createAppTable with all App wrapper components

Type Declaration#

AppCell#

AppCell: AppCellComponent<TFeatures, TData, NoInfer<TCellComponents>>;

Wraps a cell and provides cell context with pre-bound cellComponents.

Example#

<table.AppCell cell={cell}>
  {(c) => <td><c.TextCell /></td>}
</table.AppCell>

AppFooter#

AppFooter: AppHeaderComponent<TFeatures, TData, NoInfer<THeaderComponents>>;

Wraps a footer and provides header context with pre-bound headerComponents.

Example#

<table.AppFooter header={footer}>
  {(f) => <td><table.FlexRender footer={footer} /></td>}
</table.AppFooter>

AppHeader#

AppHeader: AppHeaderComponent<TFeatures, TData, NoInfer<THeaderComponents>>;

Wraps a header and provides header context with pre-bound headerComponents.

Example#

<table.AppHeader header={header}>
  {(h) => <th><h.SortIndicator /></th>}
</table.AppHeader>

AppTable#

AppTable: AppTableComponent<TFeatures>;

Root wrapper component that provides table context.

Example#

<table.AppTable>
  <table>...</table>
</table.AppTable>

FlexRender#

FlexRender: typeof FlexRender;

Convenience FlexRender component attached to the table instance. Renders cell, header, or footer content from column definitions.

Example#

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

Type Parameters#

TFeatures#

TFeatures extends TableFeatures

TData#

TData extends RowData

TTableComponents#

TTableComponents extends Record<string, ComponentType<any>>

TCellComponents#

TCellComponents extends Record<string, ComponentType<any>>

THeaderComponents#

THeaderComponents extends Record<string, ComponentType<any>>