Interface: TableComponents<Data, Context>
"interfaces".TableComponents
Customize the TableVirtuoso rendering by passing a set of custom components.
Type parameters
| Name | Default |
|---|---|
Data | unknown |
Context | unknown |
Hierarchy
- TableComponents
Properties
EmptyPlaceholder
• Optional EmptyPlaceholder: React.ComponentType<{ context?: Context }>
Defined in interfaces.ts:182
Set to render a custom UI when the list is empty.
FillerRow
• Optional FillerRow: React.ComponentType<FillerRowProps & { context?: Context }>
Defined in interfaces.ts:192
Set to render an empty item placeholder.
ScrollSeekPlaceholder
• Optional ScrollSeekPlaceholder: React.ComponentType<ScrollSeekPlaceholderProps & { context?: Context }>
Defined in interfaces.ts:187
Set to render an item placeholder when the user scrolls fast. See the scrollSeek property for more details.
Scroller
• Optional Scroller: React.ComponentType<ScrollerProps & { context?: Context }>
Defined in interfaces.ts:172
Set to customize the outermost scrollable element. This should not be necessary in general, as the component passes its HTML attribute props to it.
Table
• Optional Table: React.ComponentType<TableProps & { context?: Context }>
Defined in interfaces.ts:150
Set to customize the wrapping table element.
TableBody
• Optional TableBody: React.ComponentType<TableBodyProps & { context?: Context }>
Defined in interfaces.ts:177
Set to customize the items wrapper. Default is tbody.
TableFoot
• Optional TableFoot: React.ComponentType<Pick<React.ComponentPropsWithRef<"tfoot">, "style" | "ref"> & { context?: Context }>
Defined in interfaces.ts:161
Set to render a fixed footer at the bottom of the table (tfoot). use fixedFooterContent to set the contents
TableHead
• Optional TableHead: React.ComponentType<Pick<React.ComponentPropsWithRef<"thead">, "style" | "ref"> & { context?: Context }>
Defined in interfaces.ts:156
Set to render a fixed header at the top of the table (thead). use [[fixedHeaderHeight]] to set the contents
TableRow
• Optional TableRow: React.ComponentType<ItemProps<Data> & { context?: Context }>
Defined in interfaces.ts:166
Set to customize the item wrapping element. Default is tr.