material-react-table 2.0.0-beta.3 → 2.0.0-beta.4

package/dist/index.d.ts

@@ -7,6 +7,7 @@ import { Virtualizer, VirtualizerOptions, VirtualItem, Range } from '@tanstack/r
 export { VirtualItem as MRT_VirtualItem, Virtualizer as MRT_Virtualizer, VirtualizerOptions as MRT_VirtualizerOptions } from '@tanstack/react-virtual';
 import { AlertProps } from '@mui/material/Alert';
 import { AutocompleteProps } from '@mui/material/Autocomplete';
+import { BoxProps } from '@mui/material/Box';
 import { ButtonProps } from '@mui/material/Button';
 import { CheckboxProps } from '@mui/material/Checkbox';
 import { ChipProps } from '@mui/material/Chip';
@@ -27,11 +28,15 @@ import { TableFooterProps } from '@mui/material/TableFooter';
 import { TableHeadProps } from '@mui/material/TableHead';
 import { TableRowProps } from '@mui/material/TableRow';
 import { TextFieldProps } from '@mui/material/TextField';
-import { ToolbarProps } from '@mui/material/Toolbar';
 import { DatePickerProps } from '@mui/x-date-pickers';
 import * as _tanstack_match_sorter_utils from '@tanstack/match-sorter-utils';
 import { RankingInfo } from '@tanstack/match-sorter-utils';
 import { Theme } from '@mui/material/styles';
+import { CollapseProps } from '@mui/material/Collapse';
+import { DividerProps } from '@mui/material/Divider';
+import { TableSortLabelProps } from '@mui/material/TableSortLabel';
+import { MenuProps } from '@mui/material/Menu';
+import { MenuItemProps } from '@mui/material/MenuItem';
 
 declare const MRT_AggregationFns: {
     sum: _tanstack_react_table.AggregationFn<any>;
@@ -680,7 +685,7 @@ type MRT_TableOptions<TData extends MRT_RowData> = Omit<Partial<TableOptions<TDa
     memoMode?: 'cells' | 'rows' | 'table-body';
     muiBottomToolbarProps?: ((props: {
         table: MRT_TableInstance<TData>;
-    }) => ToolbarProps) | ToolbarProps;
+    }) => BoxProps) | BoxProps;
     muiCircularProgressProps?: ((props: {
         table: MRT_TableInstance<TData>;
     }) => CircularProgressProps) | CircularProgressProps;
@@ -832,7 +837,7 @@ type MRT_TableOptions<TData extends MRT_RowData> = Omit<Partial<TableOptions<TDa
     }) => AlertProps) | AlertProps;
     muiTopToolbarProps?: ((props: {
         table: MRT_TableInstance<TData>;
-    }) => ToolbarProps) | ToolbarProps;
+    }) => BoxProps) | BoxProps;
     onColumnFilterFnsChange?: OnChangeFn<{
         [key: string]: MRT_FilterOption;
     }>;
@@ -959,38 +964,38 @@ type MRT_TableOptions<TData extends MRT_RowData> = Omit<Partial<TableOptions<TDa
 type TableInstanceProp<TData extends MRT_RowData> = {
     table: MRT_TableInstance<TData>;
 };
-type Props$T<TData extends MRT_RowData> = Xor<TableInstanceProp<TData>, MRT_TableOptions<TData>>;
-declare const MaterialReactTable: <TData extends MRT_RowData>(props: Props$T<TData>) => react_jsx_runtime.JSX.Element;
+type Props$U<TData extends MRT_RowData> = Xor<TableInstanceProp<TData>, MRT_TableOptions<TData>>;
+declare const MaterialReactTable: <TData extends MRT_RowData>(props: Props$U<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$S<TData extends MRT_RowData> {
+interface Props$T<TData extends MRT_RowData> extends TableBodyProps {
     columnVirtualizer?: Virtualizer<HTMLDivElement, HTMLTableCellElement>;
     table: MRT_TableInstance<TData>;
     virtualColumns?: VirtualItem[];
     virtualPaddingLeft?: number;
     virtualPaddingRight?: number;
 }
-declare const MRT_TableBody: <TData extends MRT_RowData>({ columnVirtualizer, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, }: Props$S<TData>) => react_jsx_runtime.JSX.Element;
-declare const Memo_MRT_TableBody: <TData extends MRT_RowData>({ columnVirtualizer, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, }: Props$S<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableBody: <TData extends MRT_RowData>({ columnVirtualizer, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, ...rest }: Props$T<TData>) => react_jsx_runtime.JSX.Element;
+declare const Memo_MRT_TableBody: <TData extends MRT_RowData>({ columnVirtualizer, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, ...rest }: Props$T<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$R<TData extends MRT_RowData> {
+interface Props$S<TData extends MRT_RowData> extends TableCellProps {
     cell: MRT_Cell<TData>;
     measureElement?: (element: HTMLTableCellElement) => void;
     numRows?: number;
     rowIndex: number;
     rowRef: RefObject<HTMLTableRowElement>;
     table: MRT_TableInstance<TData>;
-    virtualCell?: VirtualItem;
+    virtualIndex?: number;
 }
-declare const MRT_TableBodyCell: <TData extends MRT_RowData>({ cell, measureElement, numRows, rowIndex, rowRef, table, virtualCell, }: Props$R<TData>) => react_jsx_runtime.JSX.Element;
-declare const Memo_MRT_TableBodyCell: <TData extends MRT_RowData>({ cell, measureElement, numRows, rowIndex, rowRef, table, virtualCell, }: Props$R<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableBodyCell: <TData extends MRT_RowData>({ cell, measureElement, numRows, rowIndex, rowRef, table, virtualIndex, ...rest }: Props$S<TData>) => react_jsx_runtime.JSX.Element;
+declare const Memo_MRT_TableBodyCell: <TData extends MRT_RowData>({ cell, measureElement, numRows, rowIndex, rowRef, table, virtualIndex, ...rest }: Props$S<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$Q<TData extends MRT_RowData> {
+interface Props$R<TData extends MRT_RowData> {
     cell: MRT_Cell<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_TableBodyCellValue: <TData extends MRT_RowData>({ cell, table, }: Props$Q<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableBodyCellValue: <TData extends MRT_RowData>({ cell, table, }: Props$R<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$P<TData extends MRT_RowData> {
+interface Props$Q<TData extends MRT_RowData> {
     columnVirtualizer?: Virtualizer<HTMLDivElement, HTMLTableCellElement>;
     measureElement?: (element: HTMLTableRowElement) => void;
     numRows?: number;
@@ -1003,109 +1008,108 @@ interface Props$P<TData extends MRT_RowData> {
     virtualPaddingRight?: number;
     virtualRow?: VirtualItem;
 }
-declare const MRT_TableBodyRow: <TData extends MRT_RowData>({ columnVirtualizer, measureElement, numRows, pinnedRowIds, row, rowIndex, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, virtualRow, }: Props$P<TData>) => react_jsx_runtime.JSX.Element;
-declare const Memo_MRT_TableBodyRow: <TData extends MRT_RowData>({ columnVirtualizer, measureElement, numRows, pinnedRowIds, row, rowIndex, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, virtualRow, }: Props$P<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableBodyRow: <TData extends MRT_RowData>({ columnVirtualizer, measureElement, numRows, pinnedRowIds, row, rowIndex, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, virtualRow, }: Props$Q<TData>) => react_jsx_runtime.JSX.Element;
+declare const Memo_MRT_TableBodyRow: <TData extends MRT_RowData>({ columnVirtualizer, measureElement, numRows, pinnedRowIds, row, rowIndex, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, virtualRow, }: Props$Q<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$O<TData extends MRT_RowData> {
+interface Props$P<TData extends MRT_RowData> extends IconButtonProps {
     row: MRT_Row<TData>;
     rowRef: RefObject<HTMLTableRowElement>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_TableBodyRowGrabHandle: <TData extends MRT_RowData>({ row, rowRef, table, }: Props$O<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableBodyRowGrabHandle: <TData extends MRT_RowData>({ row, rowRef, table, ...rest }: Props$P<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$N<TData extends MRT_RowData> {
+interface Props$O<TData extends MRT_RowData> extends IconButtonProps {
     row: MRT_Row<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_TableBodyRowPinButton: <TData extends MRT_RowData>({ row, table, }: Props$N<TData>) => react_jsx_runtime.JSX.Element | null;
+declare const MRT_TableBodyRowPinButton: <TData extends MRT_RowData>({ row, table, ...rest }: Props$O<TData>) => react_jsx_runtime.JSX.Element | null;
 
-interface Props$M<TData extends MRT_RowData> {
+interface Props$N<TData extends MRT_RowData> extends TableCellProps {
     parentRowRef: RefObject<HTMLTableRowElement>;
     row: MRT_Row<TData>;
     rowIndex: number;
     table: MRT_TableInstance<TData>;
     virtualRow?: VirtualItem;
 }
-declare const MRT_TableDetailPanel: <TData extends MRT_RowData>({ parentRowRef, row, rowIndex, table, virtualRow, }: Props$M<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableDetailPanel: <TData extends MRT_RowData>({ parentRowRef, row, rowIndex, table, virtualRow, ...rest }: Props$N<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$L<TData extends MRT_RowData> {
+interface Props$M<TData extends MRT_RowData> extends BoxProps {
     column: MRT_Column<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ColumnPinningButtons: <TData extends MRT_RowData>({ column, table, }: Props$L<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ColumnPinningButtons: <TData extends MRT_RowData>({ column, table, ...rest }: Props$M<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$K<TData extends MRT_RowData> {
+interface Props$L<TData extends MRT_RowData> extends ButtonProps {
     cell: MRT_Cell<TData>;
-    children: ReactNode;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_CopyButton: <TData extends MRT_RowData>({ cell, children, table, }: Props$K<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_CopyButton: <TData extends MRT_RowData>({ cell, table, ...rest }: Props$L<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$J<TData extends MRT_RowData> {
+interface Props$K<TData extends MRT_RowData> extends BoxProps {
     row: MRT_Row<TData>;
     table: MRT_TableInstance<TData>;
     variant?: 'icon' | 'text';
 }
-declare const MRT_EditActionButtons: <TData extends MRT_RowData>({ row, table, variant, }: Props$J<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_EditActionButtons: <TData extends MRT_RowData>({ row, table, variant, ...rest }: Props$K<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$I<TData extends MRT_RowData> {
+interface Props$J<TData extends MRT_RowData> extends IconButtonProps {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ExpandAllButton: <TData extends MRT_RowData>({ table, }: Props$I<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ExpandAllButton: <TData extends MRT_RowData>({ table, ...rest }: Props$J<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$H<TData extends MRT_RowData> {
+interface Props$I<TData extends MRT_RowData> extends IconButtonProps {
     row: MRT_Row<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ExpandButton: <TData extends MRT_RowData>({ row, table, }: Props$H<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ExpandButton: <TData extends MRT_RowData>({ row, table, }: Props$I<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$G<TData extends MRT_RowData> {
+interface Props$H<TData extends MRT_RowData> extends IconButtonProps {
     iconButtonProps?: IconButtonProps;
     location?: 'column' | 'row';
     onDragEnd: DragEventHandler<HTMLButtonElement>;
     onDragStart: DragEventHandler<HTMLButtonElement>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_GrabHandleButton: <TData extends MRT_RowData>({ iconButtonProps, location, onDragEnd, onDragStart, table, }: Props$G<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_GrabHandleButton: <TData extends MRT_RowData>({ iconButtonProps, location, onDragEnd, onDragStart, table, ...rest }: Props$H<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$F<TData extends MRT_RowData> {
+interface Props$G<TData extends MRT_RowData> extends IconButtonProps {
     pinningPosition: RowPinningPosition;
     row: MRT_Row<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_RowPinButton: <TData extends MRT_RowData>({ pinningPosition, row, table, }: Props$F<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_RowPinButton: <TData extends MRT_RowData>({ pinningPosition, row, table, ...rest }: Props$G<TData>) => react_jsx_runtime.JSX.Element;
+
+interface Props$F<TData extends MRT_RowData> extends IconButtonProps {
+    table: MRT_TableInstance<TData>;
+}
+declare const MRT_ShowHideColumnsButton: <TData extends MRT_RowData>({ table, ...rest }: Props$F<TData>) => react_jsx_runtime.JSX.Element;
 
 interface Props$E<TData extends MRT_RowData> extends IconButtonProps {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ShowHideColumnsButton: <TData extends MRT_RowData>({ table, ...rest }: Props$E<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ToggleDensePaddingButton: <TData extends MRT_RowData>({ table, ...rest }: Props$E<TData>) => react_jsx_runtime.JSX.Element;
 
 interface Props$D<TData extends MRT_RowData> extends IconButtonProps {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ToggleDensePaddingButton: <TData extends MRT_RowData>({ table, ...rest }: Props$D<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ToggleFiltersButton: <TData extends MRT_RowData>({ table, ...rest }: Props$D<TData>) => react_jsx_runtime.JSX.Element;
 
 interface Props$C<TData extends MRT_RowData> extends IconButtonProps {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ToggleFiltersButton: <TData extends MRT_RowData>({ table, ...rest }: Props$C<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ToggleFullScreenButton: <TData extends MRT_RowData>({ table, ...rest }: Props$C<TData>) => react_jsx_runtime.JSX.Element;
 
 interface Props$B<TData extends MRT_RowData> extends IconButtonProps {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ToggleFullScreenButton: <TData extends MRT_RowData>({ table, ...rest }: Props$B<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ToggleGlobalFilterButton: <TData extends MRT_RowData>({ table, ...rest }: Props$B<TData>) => react_jsx_runtime.JSX.Element;
 
 interface Props$A<TData extends MRT_RowData> extends IconButtonProps {
-    table: MRT_TableInstance<TData>;
-}
-declare const MRT_ToggleGlobalFilterButton: <TData extends MRT_RowData>({ table, ...rest }: Props$A<TData>) => react_jsx_runtime.JSX.Element;
-
-interface Props$z<TData extends MRT_RowData> {
     cell: MRT_Cell<TData>;
     row: MRT_Row<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ToggleRowActionMenuButton: <TData extends MRT_RowData>({ cell, row, table, }: Props$z<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ToggleRowActionMenuButton: <TData extends MRT_RowData>({ cell, row, table, ...rest }: Props$A<TData>) => react_jsx_runtime.JSX.Element;
 
 declare const getColumnId: <TData extends MRT_RowData>(columnDef: MRT_ColumnDef<TData>) => string;
 declare const getAllLeafColumnDefs: <TData extends MRT_RowData>(columns: MRT_ColumnDef<TData>[]) => MRT_ColumnDef<TData>[];
@@ -1248,132 +1252,132 @@ declare const createRow: <TData extends MRT_RowData>(table: MRT_TableInstance<TD
 declare const extraIndexRangeExtractor: (range: Range, draggingIndex: number) => number[];
 declare function createMRTColumnHelper<TData extends MRT_RowData>(): MRT_ColumnHelper<TData>;
 
-interface Props$y<TData extends MRT_RowData> {
+interface Props$z<TData extends MRT_RowData> extends TableFooterProps {
     table: MRT_TableInstance<TData>;
     virtualColumns?: VirtualItem[];
     virtualPaddingLeft?: number;
     virtualPaddingRight?: number;
 }
-declare const MRT_TableFooter: <TData extends MRT_RowData>({ table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, }: Props$y<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableFooter: <TData extends MRT_RowData>({ table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, ...rest }: Props$z<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$x<TData extends MRT_RowData> {
+interface Props$y<TData extends MRT_RowData> extends TableCellProps {
     footer: MRT_Header<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_TableFooterCell: <TData extends MRT_RowData>({ footer, table, }: Props$x<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableFooterCell: <TData extends MRT_RowData>({ footer, table, ...rest }: Props$y<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$w<TData extends MRT_RowData> {
+interface Props$x<TData extends MRT_RowData> extends TableRowProps {
     footerGroup: MRT_HeaderGroup<TData>;
     table: MRT_TableInstance<TData>;
     virtualColumns?: VirtualItem[];
     virtualPaddingLeft?: number;
     virtualPaddingRight?: number;
 }
-declare const MRT_TableFooterRow: <TData extends MRT_RowData>({ footerGroup, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, }: Props$w<TData>) => react_jsx_runtime.JSX.Element | null;
+declare const MRT_TableFooterRow: <TData extends MRT_RowData>({ footerGroup, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, ...rest }: Props$x<TData>) => react_jsx_runtime.JSX.Element | null;
 
-interface Props$v<TData extends MRT_RowData> {
+interface Props$w<TData extends MRT_RowData> extends TableHeadProps {
     table: MRT_TableInstance<TData>;
     virtualColumns?: VirtualItem[];
     virtualPaddingLeft?: number;
     virtualPaddingRight?: number;
 }
-declare const MRT_TableHead: <TData extends MRT_RowData>({ table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, }: Props$v<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableHead: <TData extends MRT_RowData>({ table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, ...rest }: Props$w<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$u<TData extends MRT_RowData> {
+interface Props$v<TData extends MRT_RowData> extends TableCellProps {
     header: MRT_Header<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_TableHeadCell: <TData extends MRT_RowData>({ header, table, }: Props$u<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableHeadCell: <TData extends MRT_RowData>({ header, table, ...rest }: Props$v<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$t<TData extends MRT_RowData> {
+interface Props$u<TData extends MRT_RowData> extends IconButtonProps {
     header: MRT_Header<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_TableHeadCellColumnActionsButton: <TData extends MRT_RowData>({ header, table, }: Props$t<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableHeadCellColumnActionsButton: <TData extends MRT_RowData>({ header, table, ...rest }: Props$u<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$s<TData extends MRT_RowData> {
+interface Props$t<TData extends MRT_RowData> extends CollapseProps {
     header: MRT_Header<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_TableHeadCellFilterContainer: <TData extends MRT_RowData>({ header, table, }: Props$s<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableHeadCellFilterContainer: <TData extends MRT_RowData>({ header, table, ...rest }: Props$t<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$r<TData extends MRT_RowData> {
+interface Props$s<TData extends MRT_RowData> extends IconButtonProps {
     header: MRT_Header<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_TableHeadCellFilterLabel: <TData extends MRT_RowData = {}>({ header, table, }: Props$r<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableHeadCellFilterLabel: <TData extends MRT_RowData = {}>({ header, table, ...rest }: Props$s<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$q<TData extends MRT_RowData> {
+interface Props$r<TData extends MRT_RowData> extends IconButtonProps {
     column: MRT_Column<TData>;
     table: MRT_TableInstance<TData>;
     tableHeadCellRef: RefObject<HTMLTableCellElement>;
 }
-declare const MRT_TableHeadCellGrabHandle: <TData extends MRT_RowData>({ column, table, tableHeadCellRef, }: Props$q<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableHeadCellGrabHandle: <TData extends MRT_RowData>({ column, table, tableHeadCellRef, ...rest }: Props$r<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$p<TData extends MRT_RowData> {
+interface Props$q<TData extends MRT_RowData> extends DividerProps {
     header: MRT_Header<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_TableHeadCellResizeHandle: <TData extends MRT_RowData>({ header, table, }: Props$p<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableHeadCellResizeHandle: <TData extends MRT_RowData>({ header, table, ...rest }: Props$q<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$o<TData extends MRT_RowData> {
+interface Props$p<TData extends MRT_RowData> extends TableSortLabelProps {
     header: MRT_Header<TData>;
     table: MRT_TableInstance<TData>;
     tableCellProps?: TableCellProps;
 }
-declare const MRT_TableHeadCellSortLabel: <TData extends MRT_RowData>({ header, table, }: Props$o<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableHeadCellSortLabel: <TData extends MRT_RowData>({ header, table, ...rest }: Props$p<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$n<TData extends MRT_RowData> {
+interface Props$o<TData extends MRT_RowData> extends TableRowProps {
     headerGroup: MRT_HeaderGroup<TData>;
     table: MRT_TableInstance<TData>;
     virtualColumns?: VirtualItem[];
     virtualPaddingLeft?: number;
     virtualPaddingRight?: number;
 }
-declare const MRT_TableHeadRow: <TData extends MRT_RowData>({ headerGroup, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, }: Props$n<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableHeadRow: <TData extends MRT_RowData>({ headerGroup, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, ...rest }: Props$o<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$m<TData extends MRT_RowData> {
+interface Props$n<TData extends MRT_RowData> extends TextFieldProps<'standard'> {
     cell: MRT_Cell<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_EditCellTextField: <TData extends MRT_RowData>({ cell, table, }: Props$m<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_EditCellTextField: <TData extends MRT_RowData>({ cell, table, ...rest }: Props$n<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$l<TData extends MRT_RowData> {
+interface Props$m<TData extends MRT_RowData> extends CheckboxProps {
     column: MRT_Column<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_FilterCheckbox: <TData extends MRT_RowData>({ column, table, }: Props$l<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_FilterCheckbox: <TData extends MRT_RowData>({ column, table, ...rest }: Props$m<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$k<TData extends MRT_RowData> {
+interface Props$l<TData extends MRT_RowData> extends BoxProps {
     header: MRT_Header<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_FilterRangeFields: <TData extends MRT_RowData>({ header, table, }: Props$k<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_FilterRangeFields: <TData extends MRT_RowData>({ header, table, ...rest }: Props$l<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$j<TData extends MRT_RowData> {
+interface Props$k<TData extends MRT_RowData> extends SliderProps {
     header: MRT_Header<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_FilterRangeSlider: <TData extends MRT_RowData>({ header, table, }: Props$j<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_FilterRangeSlider: <TData extends MRT_RowData>({ header, table, ...rest }: Props$k<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$i<TData extends MRT_RowData> {
+interface Props$j<TData extends MRT_RowData> extends TextFieldProps<'standard'> {
     header: MRT_Header<TData>;
     rangeFilterIndex?: number;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_FilterTextField: <TData extends MRT_RowData>({ header, rangeFilterIndex, table, }: Props$i<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_FilterTextField: <TData extends MRT_RowData>({ header, rangeFilterIndex, table, ...rest }: Props$j<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$h<TData extends MRT_RowData> {
+interface Props$i<TData extends MRT_RowData> extends TextFieldProps<'standard'> {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_GlobalFilterTextField: <TData extends MRT_RowData>({ table, }: Props$h<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_GlobalFilterTextField: <TData extends MRT_RowData>({ table, ...rest }: Props$i<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$g<TData extends MRT_RowData> {
+interface Props$h<TData extends MRT_RowData> extends CheckboxProps {
     row?: MRT_Row<TData>;
     selectAll?: boolean;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_SelectCheckbox: <TData extends MRT_RowData>({ row, selectAll, table, }: Props$g<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_SelectCheckbox: <TData extends MRT_RowData>({ row, selectAll, table, ...rest }: Props$h<TData>) => react_jsx_runtime.JSX.Element;
 
 declare const commonMenuItemStyles: {
     alignItems: string;
@@ -1385,16 +1389,16 @@ declare const commonListItemStyles: {
     alignItems: string;
     display: string;
 };
-interface Props$f<TData extends MRT_RowData> {
+interface Props$g<TData extends MRT_RowData> extends Partial<MenuProps> {
     anchorEl: HTMLElement | null;
     header: MRT_Header<TData>;
     setAnchorEl: (anchorEl: HTMLElement | null) => void;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ColumnActionMenu: <TData extends MRT_RowData>({ anchorEl, header, setAnchorEl, table, }: Props$f<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ColumnActionMenu: <TData extends MRT_RowData>({ anchorEl, header, setAnchorEl, table, ...rest }: Props$g<TData>) => react_jsx_runtime.JSX.Element;
 
 declare const mrtFilterOptions: (localization: MRT_Localization) => MRT_InternalFilterOption[];
-interface Props$e<TData extends MRT_RowData> {
+interface Props$f<TData extends MRT_RowData> extends Partial<MenuProps> {
     anchorEl: HTMLElement | null;
     header?: MRT_Header<TData>;
     onSelect?: () => void;
@@ -1402,99 +1406,106 @@ interface Props$e<TData extends MRT_RowData> {
     setFilterValue?: (filterValue: any) => void;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_FilterOptionMenu: <TData extends MRT_RowData>({ anchorEl, header, onSelect, setAnchorEl, setFilterValue, table, }: Props$e<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_FilterOptionMenu: <TData extends MRT_RowData>({ anchorEl, header, onSelect, setAnchorEl, setFilterValue, table, ...rest }: Props$f<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$d<TData extends MRT_RowData> {
+interface Props$e<TData extends MRT_RowData> extends Partial<MenuProps> {
     anchorEl: HTMLElement | null;
     handleEdit: (event: MouseEvent) => void;
     row: MRT_Row<TData>;
     setAnchorEl: (anchorEl: HTMLElement | null) => void;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_RowActionMenu: <TData extends MRT_RowData>({ anchorEl, handleEdit, row, setAnchorEl, table, }: Props$d<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_RowActionMenu: <TData extends MRT_RowData>({ anchorEl, handleEdit, row, setAnchorEl, table, ...rest }: Props$e<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$c<TData extends MRT_RowData> {
+interface Props$d<TData extends MRT_RowData> extends Partial<MenuProps> {
     anchorEl: HTMLElement | null;
     isSubMenu?: boolean;
     setAnchorEl: (anchorEl: HTMLElement | null) => void;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ShowHideColumnsMenu: <TData extends MRT_RowData>({ anchorEl, setAnchorEl, table, }: Props$c<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ShowHideColumnsMenu: <TData extends MRT_RowData>({ anchorEl, setAnchorEl, table, ...rest }: Props$d<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$b<TData extends MRT_RowData> {
+interface Props$c<TData extends MRT_RowData> extends MenuItemProps {
     allColumns: MRT_Column<TData>[];
     column: MRT_Column<TData>;
     hoveredColumn: MRT_Column<TData> | null;
     setHoveredColumn: Dispatch<SetStateAction<MRT_Column<TData> | null>>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ShowHideColumnsMenuItems: <TData extends MRT_RowData>({ allColumns, column, hoveredColumn, setHoveredColumn, table, }: Props$b<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ShowHideColumnsMenuItems: <TData extends MRT_RowData>({ allColumns, column, hoveredColumn, setHoveredColumn, table, ...rest }: Props$c<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$a<TData extends MRT_RowData> {
+interface Props$b<TData extends MRT_RowData> extends Partial<DialogProps> {
     open: boolean;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_EditRowModal: <TData extends MRT_RowData>({ open, table, }: Props$a<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_EditRowModal: <TData extends MRT_RowData>({ open, table, ...rest }: Props$b<TData>) => react_jsx_runtime.JSX.Element;
+
+interface Props$a<TData extends MRT_RowData> extends TableProps {
+    table: MRT_TableInstance<TData>;
+}
+declare const MRT_Table: <TData extends MRT_RowData>({ table, ...rest }: Props$a<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$9<TData extends MRT_RowData> {
+interface Props$9<TData extends MRT_RowData> extends TableContainerProps {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_Table: <TData extends MRT_RowData>({ table, }: Props$9<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableContainer: <TData extends MRT_RowData>({ table, ...rest }: Props$9<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$8<TData extends MRT_RowData> {
+interface Props$8<TData extends MRT_RowData> extends CircularProgressProps {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_TableContainer: <TData extends MRT_RowData>({ table, }: Props$8<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableLoadingOverlay: <TData extends MRT_RowData>({ table, ...rest }: Props$8<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$7<TData extends MRT_RowData> {
+interface Props$7<TData extends MRT_RowData> extends PaperProps {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_TablePaper: <TData extends MRT_RowData>({ table, }: Props$7<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TablePaper: <TData extends MRT_RowData>({ table, ...rest }: Props$7<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$6<TData extends MRT_RowData> {
+interface Props$6<TData extends MRT_RowData> extends BoxProps {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_BottomToolbar: <TData extends MRT_RowData>({ table, }: Props$6<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_BottomToolbar: <TData extends MRT_RowData>({ table, ...rest }: Props$6<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$5<TData extends MRT_RowData> {
+interface Props$5<TData extends MRT_RowData> extends LinearProgressProps {
     isTopToolbar: boolean;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_LinearProgressBar: <TData extends MRT_RowData>({ isTopToolbar, table, }: Props$5<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_LinearProgressBar: <TData extends MRT_RowData>({ isTopToolbar, table, ...rest }: Props$5<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$4<TData extends MRT_RowData> {
+interface Props$4<TData extends MRT_RowData> extends Partial<PaginationProps & {
+    rowsPerPageOptions?: number[];
+    showRowsPerPage?: boolean;
+}> {
     position?: 'bottom' | 'top';
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_TablePagination: <TData extends MRT_RowData>({ position, table, }: Props$4<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TablePagination: <TData extends MRT_RowData>({ position, table, ...rest }: Props$4<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$3<TData extends MRT_RowData> {
+interface Props$3<TData extends MRT_RowData> extends AlertProps {
     stackAlertBanner?: boolean;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ToolbarAlertBanner: <TData extends MRT_RowData>({ stackAlertBanner, table, }: Props$3<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ToolbarAlertBanner: <TData extends MRT_RowData>({ stackAlertBanner, table, ...rest }: Props$3<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$2<TData extends MRT_RowData> {
+interface Props$2<TData extends MRT_RowData> extends BoxProps {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ToolbarDropZone: <TData extends MRT_RowData>({ table, }: Props$2<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ToolbarDropZone: <TData extends MRT_RowData>({ table, ...rest }: Props$2<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$1<TData extends MRT_RowData> {
+interface Props$1<TData extends MRT_RowData> extends BoxProps {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ToolbarInternalButtons: <TData extends MRT_RowData>({ table, }: Props$1<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ToolbarInternalButtons: <TData extends MRT_RowData>({ table, ...rest }: Props$1<TData>) => react_jsx_runtime.JSX.Element;
 
 declare const commonToolbarStyles: ({ theme }: {
     theme: Theme;
 }) => {
     alignItems: string;
     backgroundColor: string;
-    backgroundImage: string;
     display: string;
     flexWrap: string;
     minHeight: string;
     overflow: string;
-    p: string;
+    position: string;
     transition: string;
     zIndex: number;
 };
@@ -1505,4 +1516,4 @@ declare const MRT_TopToolbar: <TData extends MRT_RowData>({ table, }: Props<TDat
 
 declare const useMaterialReactTable: <TData extends MRT_RowData>(tableOptions: MRT_TableOptions<TData>) => MRT_TableInstance<TData>;
 
-export { type LiteralUnion, type MRT_AggregationFn, MRT_AggregationFns, type MRT_AggregationOption, MRT_BottomToolbar, type MRT_Cell, type MRT_Column, MRT_ColumnActionMenu, type MRT_ColumnDef, type MRT_ColumnFilterFnsState, type MRT_ColumnHelper, MRT_ColumnPinningButtons, MRT_CopyButton, MRT_DefaultColumn, MRT_DefaultDisplayColumn, type MRT_DefinedColumnDef, type MRT_DefinedTableOptions, type MRT_DensityState, type MRT_DisplayColumnDef, type MRT_DisplayColumnIds, MRT_EditActionButtons, MRT_EditCellTextField, MRT_EditRowModal, MRT_ExpandAllButton, MRT_ExpandButton, MRT_FilterCheckbox, type MRT_FilterFn, MRT_FilterFns, type MRT_FilterOption, MRT_FilterOptionMenu, MRT_FilterRangeFields, MRT_FilterRangeSlider, MRT_FilterTextField, MRT_GlobalFilterTextField, MRT_GrabHandleButton, type MRT_GroupColumnDef, type MRT_Header, type MRT_HeaderGroup, type MRT_Icons, type MRT_InternalFilterOption, MRT_LinearProgressBar, type MRT_Localization, type MRT_Row, MRT_RowActionMenu, type MRT_RowData, type MRT_RowModel, MRT_RowPinButton, MRT_SelectCheckbox, MRT_ShowHideColumnsButton, MRT_ShowHideColumnsMenu, MRT_ShowHideColumnsMenuItems, type MRT_SortingFn, MRT_SortingFns, type MRT_SortingOption, MRT_Table, MRT_TableBody, MRT_TableBodyCell, MRT_TableBodyCellValue, MRT_TableBodyRow, MRT_TableBodyRowGrabHandle, MRT_TableBodyRowPinButton, MRT_TableContainer, MRT_TableDetailPanel, MRT_TableFooter, MRT_TableFooterCell, MRT_TableFooterRow, MRT_TableHead, MRT_TableHeadCell, MRT_TableHeadCellColumnActionsButton, MRT_TableHeadCellFilterContainer, MRT_TableHeadCellFilterLabel, MRT_TableHeadCellGrabHandle, MRT_TableHeadCellResizeHandle, MRT_TableHeadCellSortLabel, MRT_TableHeadRow, type MRT_TableInstance, type MRT_TableOptions, MRT_TablePagination, MRT_TablePaper, type MRT_TableState, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleFullScreenButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, MaterialReactTable, Memo_MRT_TableBody, Memo_MRT_TableBodyCell, Memo_MRT_TableBodyRow, type Prettify, type Xor, commonListItemStyles, commonMenuItemStyles, commonToolbarStyles, createMRTColumnHelper, createRow, extraIndexRangeExtractor, flexRender, getAllLeafColumnDefs, getCanRankRows, getColumnId, getCommonCellStyles, getDefaultColumnFilterFn, getDefaultColumnOrderIds, getIsFirstColumn, getIsFirstRightPinnedColumn, getIsLastColumn, getIsLastLeftPinnedColumn, getLeadingDisplayColumnIds, getTotalRight, getTrailingDisplayColumnIds, mrtFilterOptions, parseCSSVarId, parseFromValuesOrFunc, prepareColumns, rankGlobalFuzzy, reorderColumn, showExpandColumn, useMaterialReactTable };
+export { type LiteralUnion, type MRT_AggregationFn, MRT_AggregationFns, type MRT_AggregationOption, MRT_BottomToolbar, type MRT_Cell, type MRT_Column, MRT_ColumnActionMenu, type MRT_ColumnDef, type MRT_ColumnFilterFnsState, type MRT_ColumnHelper, MRT_ColumnPinningButtons, MRT_CopyButton, MRT_DefaultColumn, MRT_DefaultDisplayColumn, type MRT_DefinedColumnDef, type MRT_DefinedTableOptions, type MRT_DensityState, type MRT_DisplayColumnDef, type MRT_DisplayColumnIds, MRT_EditActionButtons, MRT_EditCellTextField, MRT_EditRowModal, MRT_ExpandAllButton, MRT_ExpandButton, MRT_FilterCheckbox, type MRT_FilterFn, MRT_FilterFns, type MRT_FilterOption, MRT_FilterOptionMenu, MRT_FilterRangeFields, MRT_FilterRangeSlider, MRT_FilterTextField, MRT_GlobalFilterTextField, MRT_GrabHandleButton, type MRT_GroupColumnDef, type MRT_Header, type MRT_HeaderGroup, type MRT_Icons, type MRT_InternalFilterOption, MRT_LinearProgressBar, type MRT_Localization, type MRT_Row, MRT_RowActionMenu, type MRT_RowData, type MRT_RowModel, MRT_RowPinButton, MRT_SelectCheckbox, MRT_ShowHideColumnsButton, MRT_ShowHideColumnsMenu, MRT_ShowHideColumnsMenuItems, type MRT_SortingFn, MRT_SortingFns, type MRT_SortingOption, MRT_Table, MRT_TableBody, MRT_TableBodyCell, MRT_TableBodyCellValue, MRT_TableBodyRow, MRT_TableBodyRowGrabHandle, MRT_TableBodyRowPinButton, MRT_TableContainer, MRT_TableDetailPanel, MRT_TableFooter, MRT_TableFooterCell, MRT_TableFooterRow, MRT_TableHead, MRT_TableHeadCell, MRT_TableHeadCellColumnActionsButton, MRT_TableHeadCellFilterContainer, MRT_TableHeadCellFilterLabel, MRT_TableHeadCellGrabHandle, MRT_TableHeadCellResizeHandle, MRT_TableHeadCellSortLabel, MRT_TableHeadRow, type MRT_TableInstance, MRT_TableLoadingOverlay, type MRT_TableOptions, MRT_TablePagination, MRT_TablePaper, type MRT_TableState, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleFullScreenButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, MaterialReactTable, Memo_MRT_TableBody, Memo_MRT_TableBodyCell, Memo_MRT_TableBodyRow, type Prettify, type Xor, commonListItemStyles, commonMenuItemStyles, commonToolbarStyles, createMRTColumnHelper, createRow, extraIndexRangeExtractor, flexRender, getAllLeafColumnDefs, getCanRankRows, getColumnId, getCommonCellStyles, getDefaultColumnFilterFn, getDefaultColumnOrderIds, getIsFirstColumn, getIsFirstRightPinnedColumn, getIsLastColumn, getIsLastLeftPinnedColumn, getLeadingDisplayColumnIds, getTotalRight, getTrailingDisplayColumnIds, mrtFilterOptions, parseCSSVarId, parseFromValuesOrFunc, prepareColumns, rankGlobalFuzzy, reorderColumn, showExpandColumn, useMaterialReactTable };

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.0-beta.3",
+  "version": "2.0.0-beta.4",
   "license": "MIT",
   "name": "material-react-table",
   "description": "A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript.",

package/src/body/MRT_TableBody.tsx

@@ -5,7 +5,7 @@ import {
   type Virtualizer,
   useVirtualizer,
 } from '@tanstack/react-virtual';
-import TableBody from '@mui/material/TableBody';
+import TableBody, { type TableBodyProps } from '@mui/material/TableBody';
 import Typography from '@mui/material/Typography';
 import { MRT_TableBodyRow, Memo_MRT_TableBodyRow } from './MRT_TableBodyRow';
 import {
@@ -20,7 +20,7 @@ import {
   type MRT_TableInstance,
 } from '../types';
 
-interface Props<TData extends MRT_RowData> {
+interface Props<TData extends MRT_RowData> extends TableBodyProps {
   columnVirtualizer?: Virtualizer<HTMLDivElement, HTMLTableCellElement>;
   table: MRT_TableInstance<TData>;
   virtualColumns?: VirtualItem[];
@@ -34,6 +34,7 @@ export const MRT_TableBody = <TData extends MRT_RowData>({
   virtualColumns,
   virtualPaddingLeft,
   virtualPaddingRight,
+  ...rest
 }: Props<TData>) => {
   const {
     getBottomRows,
@@ -80,7 +81,10 @@ export const MRT_TableBody = <TData extends MRT_RowData>({
     sorting,
   } = getState();
 
-  const tableBodyProps = parseFromValuesOrFunc(muiTableBodyProps, { table });
+  const tableBodyProps = {
+    ...parseFromValuesOrFunc(muiTableBodyProps, { table }),
+    ...rest,
+  };
   const rowVirtualizerProps = parseFromValuesOrFunc(rowVirtualizerOptions, {
     table,
   });
@@ -243,7 +247,7 @@ export const MRT_TableBody = <TData extends MRT_RowData>({
                 style={{
                   display: layoutMode?.startsWith('grid')
                     ? 'grid'
-                    : 'table-cell',
+                    : undefined,
                 }}
               >
                 {renderEmptyRowsFallback?.({ table }) ?? (