mantine-react-table
Version:
A fully featured Mantine implementation of TanStack React Table V8, written from the ground up in TypeScript.
414 lines (413 loc) • 28.6 kB
TypeScript
import React from 'react';
import type { MRT_Cell, MRT_Column, MRT_ColumnDef, MRT_FilterOption, MRT_Row, MRT_TableInstance, MRT_TableState, MantineReactTableProps, MRT_Localization } from '..';
export declare const MRT_TableRoot: <TData extends Record<string, any> = {}>(props: Omit<Partial<import("@tanstack/react-table").TableOptions<TData>>, "state" | "data" | "onStateChange" | "initialState" | "getRowId" | "columns" | "defaultColumn" | "globalFilterFn" | "enableRowSelection" | "expandRowsFn"> & {
columnFilterModeOptions?: (string & MRT_FilterOption)[] | null | undefined;
columns: MRT_ColumnDef<TData>[];
columnVirtualizerInstanceRef?: React.MutableRefObject<import("@tanstack/react-virtual").Virtualizer<HTMLDivElement, HTMLTableCellElement> | null> | undefined;
columnVirtualizerProps?: Partial<import("@tanstack/react-virtual").VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>> | (({ table, }: {
table: MRT_TableInstance<TData>;
}) => Partial<import("@tanstack/react-virtual").VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>>) | undefined;
data: TData[];
defaultColumn?: Partial<MRT_ColumnDef<TData>> | undefined;
defaultDisplayColumn?: Partial<MRT_ColumnDef<TData>> | undefined;
displayColumnDefOptions?: Partial<{
"mrt-row-drag": Partial<MRT_ColumnDef<{}>>;
"mrt-row-actions": Partial<MRT_ColumnDef<{}>>;
"mrt-row-expand": Partial<MRT_ColumnDef<{}>>;
"mrt-row-select": Partial<MRT_ColumnDef<{}>>;
"mrt-row-numbers": Partial<MRT_ColumnDef<{}>>;
}> | undefined;
editingMode?: "row" | "cell" | "table" | "modal" | undefined;
enableBottomToolbar?: boolean | undefined;
enableClickToCopy?: boolean | undefined;
enableColumnActions?: boolean | undefined;
enableColumnDragging?: boolean | undefined;
enableColumnFilterModes?: boolean | undefined;
enableColumnOrdering?: boolean | undefined;
enableColumnVirtualization?: boolean | undefined;
enableDensityToggle?: boolean | undefined;
enableEditing?: boolean | undefined;
enableExpandAll?: boolean | undefined;
enableFullScreenToggle?: boolean | undefined;
enableGlobalFilterModes?: boolean | undefined;
enableGlobalFilterRankedResults?: boolean | undefined;
enablePagination?: boolean | undefined;
enableRowActions?: boolean | undefined;
enableRowDragging?: boolean | undefined;
enableRowNumbers?: boolean | undefined;
enableRowOrdering?: boolean | undefined;
enableRowSelection?: boolean | ((row: MRT_Row<TData>) => boolean) | undefined;
enableRowVirtualization?: boolean | undefined;
enableSelectAll?: boolean | undefined;
enableStickyFooter?: boolean | undefined;
enableStickyHeader?: boolean | undefined;
enableTableFooter?: boolean | undefined;
enableTableHead?: boolean | undefined;
enableToolbarInternalActions?: boolean | undefined;
enableTopToolbar?: boolean | undefined;
expandRowsFn?: ((dataRow: TData) => TData[]) | undefined;
getRowId?: ((originalRow: TData, index: number, parentRow: MRT_Row<TData>) => string) | undefined;
globalFilterFn?: MRT_FilterOption | undefined;
globalFilterModeOptions?: MRT_FilterOption[] | null | undefined;
icons?: Partial<import("..").MRT_Icons> | undefined;
initialState?: Partial<MRT_TableState<TData>> | undefined;
layoutMode?: "grid" | "semantic" | undefined;
localization?: Partial<MRT_Localization> | undefined;
mantineBottomToolbarProps?: (import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined;
}) | (({ table, }: {
table: MRT_TableInstance<TData>;
}) => import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined;
}) | undefined;
mantineColumnActionsButtonProps?: (import("@mantine/core").ActionIconProps & Omit<React.HTMLProps<HTMLButtonElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLButtonElement | null> | null | undefined;
}) | (({ table, column, }: {
table: MRT_TableInstance<TData>;
column: MRT_Column<TData>;
}) => import("@mantine/core").ActionIconProps & Omit<React.HTMLProps<HTMLButtonElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLButtonElement | null> | null | undefined;
}) | undefined;
mantineColumnDragHandleProps?: (import("@mantine/core").ActionIconProps & Omit<React.HTMLProps<HTMLButtonElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLButtonElement | null> | null | undefined;
}) | (({ table, column, }: {
table: MRT_TableInstance<TData>;
column: MRT_Column<TData>;
}) => import("@mantine/core").ActionIconProps & Omit<React.HTMLProps<HTMLButtonElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLButtonElement | null> | null | undefined;
}) | undefined;
mantineCopyButtonProps?: (import("@mantine/core").UnstyledButtonProps & Omit<React.HTMLProps<HTMLButtonElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLButtonElement | null> | null | undefined;
}) | (({ cell, column, row, table, }: {
cell: MRT_Cell<TData>;
column: MRT_Column<TData>;
row: MRT_Row<TData>;
table: MRT_TableInstance<TData>;
}) => import("@mantine/core").UnstyledButtonProps & Omit<React.HTMLProps<HTMLButtonElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLButtonElement | null> | null | undefined;
}) | undefined;
mantineDetailPanelProps?: (import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableCellElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLTableCellElement | null> | null | undefined;
}) | (({ table, row, }: {
table: MRT_TableInstance<TData>;
row: MRT_Row<TData>;
}) => import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableCellElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLTableCellElement | null> | null | undefined;
}) | undefined;
mantineEditTextInputProps?: (import("@mantine/core").TextInputProps & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined;
}) | (({ cell, column, row, table, }: {
cell: MRT_Cell<TData>;
column: MRT_Column<TData>;
row: MRT_Row<TData>;
table: MRT_TableInstance<TData>;
}) => import("@mantine/core").TextInputProps & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined;
}) | undefined;
mantineExpandAllButtonProps?: (import("@mantine/core").ActionIconProps & Omit<React.HTMLProps<HTMLButtonElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLButtonElement | null> | null | undefined;
}) | (({ table, }: {
table: MRT_TableInstance<TData>;
}) => import("@mantine/core").ActionIconProps & Omit<React.HTMLProps<HTMLButtonElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLButtonElement | null> | null | undefined;
}) | undefined;
mantineExpandButtonProps?: (import("@mantine/core").ActionIconProps & Omit<React.HTMLProps<HTMLButtonElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLButtonElement | null> | null | undefined;
}) | (({ row, table, }: {
table: MRT_TableInstance<TData>;
row: MRT_Row<TData>;
}) => import("@mantine/core").ActionIconProps & Omit<React.HTMLProps<HTMLButtonElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLButtonElement | null> | null | undefined;
}) | undefined;
mantineFilterCheckboxProps?: (import("@mantine/core").CheckboxProps & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined;
}) | (({ column, table, }: {
column: MRT_Column<TData>;
table: MRT_TableInstance<TData>;
}) => import("@mantine/core").CheckboxProps & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined;
}) | undefined;
mantineFilterMultiSelectProps?: (Partial<import("@mantine/core").MultiSelectProps> & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined;
}) | (({ table, column, rangeFilterIndex, }: {
table: MRT_TableInstance<TData>;
column: MRT_Column<TData>;
rangeFilterIndex?: number | undefined;
}) => Partial<import("@mantine/core").MultiSelectProps> & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined;
}) | undefined;
mantineFilterSelectProps?: (Partial<import("@mantine/core").SelectProps> & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined;
}) | (({ table, column, rangeFilterIndex, }: {
table: MRT_TableInstance<TData>;
column: MRT_Column<TData>;
rangeFilterIndex?: number | undefined;
}) => Partial<import("@mantine/core").SelectProps> & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined;
}) | undefined;
mantineFilterTextInputProps?: (import("@mantine/core").TextInputProps & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined;
}) | (({ table, column, rangeFilterIndex, }: {
table: MRT_TableInstance<TData>;
column: MRT_Column<TData>;
rangeFilterIndex?: number | undefined;
}) => import("@mantine/core").TextInputProps & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined;
}) | undefined;
mantineProgressProps?: (import("@mantine/core").ProgressProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined;
}) | (({ isTopToolbar, table, }: {
isTopToolbar: boolean;
table: MRT_TableInstance<TData>;
}) => import("@mantine/core").ProgressProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined;
}) | undefined;
mantinePaginationProps?: Partial<import("..").MRT_PaginationProps & import("@mantine/core").FlexProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined;
}> | (({ table, }: {
table: MRT_TableInstance<TData>;
}) => Partial<import("..").MRT_PaginationProps & import("@mantine/core").FlexProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined;
}>) | undefined;
mantinePaperProps?: (import("@mantine/core").PaperProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined;
}) | (({ table, }: {
table: MRT_TableInstance<TData>;
}) => import("@mantine/core").PaperProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined;
}) | undefined;
mantineRowDragHandleProps?: (import("@mantine/core").ActionIconProps & Omit<React.HTMLProps<HTMLButtonElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLButtonElement | null> | null | undefined;
}) | (({ table, row, }: {
table: MRT_TableInstance<TData>;
row: MRT_Row<TData>;
}) => import("@mantine/core").ActionIconProps & Omit<React.HTMLProps<HTMLButtonElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLButtonElement | null> | null | undefined;
}) | undefined;
mantineSearchTextInputProps?: (import("@mantine/core").TextInputProps & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined;
}) | (({ table, }: {
table: MRT_TableInstance<TData>;
}) => import("@mantine/core").TextInputProps & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined;
}) | undefined;
mantineSelectAllCheckboxProps?: (import("@mantine/core").CheckboxProps & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined;
}) | (({ table, }: {
table: MRT_TableInstance<TData>;
}) => import("@mantine/core").CheckboxProps & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined;
}) | undefined;
mantineSelectCheckboxProps?: ((import("@mantine/core").CheckboxProps | import("@mantine/core").RadioProps) & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined;
}) | (({ table, row, }: {
table: MRT_TableInstance<TData>;
row: MRT_Row<TData>;
}) => (import("@mantine/core").CheckboxProps | import("@mantine/core").RadioProps) & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined;
}) | undefined;
mantineSkeletonProps?: (import("@mantine/core").SkeletonProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined;
}) | (({ cell, column, row, table, }: {
cell: MRT_Cell<TData>;
column: MRT_Column<TData>;
row: MRT_Row<TData>;
table: MRT_TableInstance<TData>;
}) => import("@mantine/core").SkeletonProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined;
}) | undefined;
mantineTableBodyCellProps?: (import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableCellElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLTableCellElement | null> | null | undefined;
} & import("..").ColumnAlignment) | (({ cell, column, row, table, }: {
cell: MRT_Cell<TData>;
column: MRT_Column<TData>;
row: MRT_Row<TData>;
table: MRT_TableInstance<TData>;
}) => import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableCellElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLTableCellElement | null> | null | undefined;
} & import("..").ColumnAlignment) | undefined;
mantineTableBodyProps?: (import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableSectionElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLTableSectionElement | null> | null | undefined;
}) | (({ table, }: {
table: MRT_TableInstance<TData>;
}) => import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableSectionElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLTableSectionElement | null> | null | undefined;
}) | undefined;
mantineTableBodyRowProps?: (import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableRowElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLTableRowElement | null> | null | undefined;
}) | (({ isDetailPanel, row, table, }: {
isDetailPanel?: boolean | undefined;
row: MRT_Row<TData>;
table: MRT_TableInstance<TData>;
}) => import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableRowElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLTableRowElement | null> | null | undefined;
}) | undefined;
mantineTableContainerProps?: (import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined;
}) | (({ table, }: {
table: MRT_TableInstance<TData>;
}) => import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined;
}) | undefined;
mantineTableFooterCellProps?: (import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableCellElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLTableCellElement | null> | null | undefined;
} & import("..").ColumnAlignment) | (({ table, column, }: {
table: MRT_TableInstance<TData>;
column: MRT_Column<TData>;
}) => import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableCellElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLTableCellElement | null> | null | undefined;
} & import("..").ColumnAlignment) | undefined;
mantineTableFooterProps?: (import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableSectionElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLTableSectionElement | null> | null | undefined;
}) | (({ table, }: {
table: MRT_TableInstance<TData>;
}) => import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableSectionElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLTableSectionElement | null> | null | undefined;
}) | undefined;
mantineTableFooterRowProps?: (import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableRowElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLTableRowElement | null> | null | undefined;
}) | (({ table, footerGroup, }: {
table: MRT_TableInstance<TData>;
footerGroup: import("..").MRT_HeaderGroup<TData>;
}) => import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableRowElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLTableRowElement | null> | null | undefined;
}) | undefined;
mantineTableHeadCellProps?: (import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableCellElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLTableCellElement | null> | null | undefined;
} & import("..").ColumnAlignment) | (({ table, column, }: {
table: MRT_TableInstance<TData>;
column: MRT_Column<TData>;
}) => import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableCellElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLTableCellElement | null> | null | undefined;
} & import("..").ColumnAlignment) | undefined;
mantineTableHeadProps?: (import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableSectionElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLTableSectionElement | null> | null | undefined;
}) | (({ table, }: {
table: MRT_TableInstance<TData>;
}) => import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableSectionElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLTableSectionElement | null> | null | undefined;
}) | undefined;
mantineTableHeadRowProps?: (import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableRowElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLTableRowElement | null> | null | undefined;
}) | (({ table, headerGroup, }: {
table: MRT_TableInstance<TData>;
headerGroup: import("..").MRT_HeaderGroup<TData>;
}) => import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableRowElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLTableRowElement | null> | null | undefined;
}) | undefined;
mantineTableProps?: (import("@mantine/core").TableProps & Omit<React.HTMLProps<HTMLTableElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLTableElement | null> | null | undefined;
}) | (({ table, }: {
table: MRT_TableInstance<TData>;
}) => import("@mantine/core").TableProps & Omit<React.HTMLProps<HTMLTableElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLTableElement | null> | null | undefined;
}) | undefined;
mantineToolbarAlertBannerChipProps?: (Partial<import("@mantine/core").ChipProps> & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined;
}) | (({ table, }: {
table: MRT_TableInstance<TData>;
}) => Partial<import("@mantine/core").ChipProps> & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined;
}) | undefined;
mantineToolbarAlertBannerProps?: (import("@mantine/core").AlertProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined;
}) | (({ table, }: {
table: MRT_TableInstance<TData>;
}) => import("@mantine/core").AlertProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined;
}) | undefined;
mantineTopToolbarProps?: (import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined;
}) | (({ table, }: {
table: MRT_TableInstance<TData>;
}) => import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & {
ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined;
}) | undefined;
memoMode?: "rows" | "cells" | "table-body" | undefined;
onColumnFilterFnsChange?: import("@tanstack/react-table").OnChangeFn<{
[key: string]: MRT_FilterOption;
}> | undefined;
onDensityChange?: import("@tanstack/react-table").OnChangeFn<import("@mantine/core").MantineSize> | undefined;
onDraggingColumnChange?: import("@tanstack/react-table").OnChangeFn<MRT_Column<TData> | null> | undefined;
onDraggingRowChange?: import("@tanstack/react-table").OnChangeFn<MRT_Row<TData> | null> | undefined;
onEditingCellChange?: import("@tanstack/react-table").OnChangeFn<MRT_Cell<TData> | null> | undefined;
onEditingRowCancel?: (({ row, table, }: {
row: MRT_Row<TData>;
table: MRT_TableInstance<TData>;
}) => void) | undefined;
onEditingRowChange?: import("@tanstack/react-table").OnChangeFn<MRT_Row<TData> | null> | undefined;
onEditingRowSave?: (({ exitEditingMode, row, table, values, }: {
exitEditingMode: () => void;
row: MRT_Row<TData>;
table: MRT_TableInstance<TData>;
values: Record<(string & Record<never, never>) | (string & import("@tanstack/react-table").DeepKeys<TData>), any>;
}) => void | Promise<void>) | undefined;
onGlobalFilterFnChange?: import("@tanstack/react-table").OnChangeFn<MRT_FilterOption> | undefined;
onHoveredColumnChange?: import("@tanstack/react-table").OnChangeFn<MRT_Column<TData> | null> | undefined;
onHoveredRowChange?: import("@tanstack/react-table").OnChangeFn<MRT_Row<TData> | null> | undefined;
onIsFullScreenChange?: import("@tanstack/react-table").OnChangeFn<boolean> | undefined;
onShowAlertBannerChange?: import("@tanstack/react-table").OnChangeFn<boolean> | undefined;
onShowFiltersChange?: import("@tanstack/react-table").OnChangeFn<boolean> | undefined;
onShowGlobalFilterChange?: import("@tanstack/react-table").OnChangeFn<boolean> | undefined;
onShowToolbarDropZoneChange?: import("@tanstack/react-table").OnChangeFn<boolean> | undefined;
positionActionsColumn?: "first" | "last" | undefined;
positionExpandColumn?: "first" | "last" | undefined;
positionGlobalFilter?: "left" | "right" | "none" | undefined;
positionPagination?: "none" | "bottom" | "top" | "both" | undefined;
positionToolbarAlertBanner?: "none" | "bottom" | "top" | undefined;
positionToolbarDropZone?: "none" | "bottom" | "top" | "both" | undefined;
renderBottomToolbar?: React.ReactNode | (({ table }: {
table: MRT_TableInstance<TData>;
}) => React.ReactNode);
renderBottomToolbarCustomActions?: (({ table, }: {
table: MRT_TableInstance<TData>;
}) => React.ReactNode) | undefined;
renderColumnActionsMenuItems?: (({ column, table, }: {
column: MRT_Column<TData>;
table: MRT_TableInstance<TData>;
}) => React.ReactNode) | undefined;
renderColumnFilterModeMenuItems?: (({ column, internalFilterOptions, onSelectFilterMode, table, }: {
column: MRT_Column<TData>;
internalFilterOptions: import("..").MRT_InternalFilterOption[];
onSelectFilterMode: (filterMode: MRT_FilterOption) => void;
table: MRT_TableInstance<TData>;
}) => React.ReactNode) | undefined;
renderDetailPanel?: (({ row, table, }: {
row: MRT_Row<TData>;
table: MRT_TableInstance<TData>;
}) => React.ReactNode) | undefined;
renderGlobalFilterModeMenuItems?: (({ internalFilterOptions, onSelectFilterMode, table, }: {
internalFilterOptions: import("..").MRT_InternalFilterOption[];
onSelectFilterMode: (filterMode: MRT_FilterOption) => void;
table: MRT_TableInstance<TData>;
}) => React.ReactNode) | undefined;
renderRowActionMenuItems?: (({ row, table, }: {
row: MRT_Row<TData>;
table: MRT_TableInstance<TData>;
}) => React.ReactNode) | undefined;
renderRowActions?: (({ cell, row, table, }: {
cell: MRT_Cell<TData>;
row: MRT_Row<TData>;
table: MRT_TableInstance<TData>;
}) => React.ReactNode) | undefined;
renderToolbarInternalActions?: (({ table, }: {
table: MRT_TableInstance<TData>;
}) => React.ReactNode) | undefined;
renderTopToolbar?: React.ReactNode | (({ table }: {
table: MRT_TableInstance<TData>;
}) => React.ReactNode);
renderTopToolbarCustomActions?: (({ table, }: {
table: MRT_TableInstance<TData>;
}) => React.ReactNode) | undefined;
rowCount?: number | undefined;
rowNumberMode?: "original" | "static" | undefined;
rowVirtualizerInstanceRef?: React.MutableRefObject<import("@tanstack/react-virtual").Virtualizer<HTMLDivElement, HTMLTableRowElement> | null> | undefined;
rowVirtualizerProps?: Partial<import("@tanstack/react-virtual").VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>> | (({ table, }: {
table: MRT_TableInstance<TData>;
}) => Partial<import("@tanstack/react-virtual").VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>) | undefined;
selectAllMode?: "page" | "all" | undefined;
state?: Partial<MRT_TableState<TData>> | undefined;
tableInstanceRef?: React.MutableRefObject<MRT_TableInstance<TData> | null> | undefined;
} & {
localization: MRT_Localization;
}) => JSX.Element;