Custom components can be plugged into the table for a variety of elements.
Element | Option | Type |
---|---|---|
Column Header Cell | Column.customHeadRender |
(col: StateColumn) => ReactNode |
Column Body Cell | Column.customBodyRender |
(cell: Cell, row: Cell[]) => ReactNode |
Select Toolbar | RowOptions.customToolbarSelect |
(selectedRows: Row[], context: MUITableContext) => ReactNode |
Select Toolbar Actions (Buttons) | RowOptions.selectBarActions |
(selectedRows: Row[], context: MUITableContext) => ReactNode |
Toolbar Right | ToolbarOptions.customToolbarRight |
(context: MUITableContext) => ReactNode |
Toolbar Left | ToolbarOptions.customToolbarLeft |
(context: MUITableContext) => ReactNode |
Toolbar Bottom | ToolbarOptions.customToolbarBottom |
(context: MUITableContext) => ReactNode |
Toolbar Full | ToolbarOptions.customToolbarFull |
(context: MUITableContext) => ReactNode |
Footer | PaginationOptions.customFooter |
(context: MUITableContext) => ReactNode |