interface GridSlotProps {
    baseBadge: BadgeOwnProps & CommonProps & Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
        ref?: null | ((instance: null | HTMLSpanElement) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLSpanElement>;
    },
        | "className"
        | "components"
        | "style"
        | "color"
        | "variant"
        | "children"
        | "classes"
        | "sx"
        | "max"
        | "componentsProps"
        | "slotProps"
        | "slots"
        | "anchorOrigin"
        | "invisible"
        | "badgeContent"
        | "overlap"
        | "showZero"> & {
        component?: ElementType<any, (keyof IntrinsicElements)>;
    } & BaseBadgePropsOverrides;
    baseButton: ButtonOwnProps & Omit<ButtonBaseOwnProps, "classes"> & CommonProps & Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
        ref?: null | ((instance: null | HTMLButtonElement) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement>;
    },
        | "className"
        | "href"
        | "style"
        | "color"
        | "variant"
        | "children"
        | "classes"
        | "sx"
        | "tabIndex"
        | "disabled"
        | "size"
        | "action"
        | "centerRipple"
        | "disableRipple"
        | "disableTouchRipple"
        | "focusRipple"
        | "focusVisibleClassName"
        | "LinkComponent"
        | "onFocusVisible"
        | "TouchRippleProps"
        | "touchRippleRef"
        | "fullWidth"
        | "disableFocusRipple"
        | "endIcon"
        | "startIcon"
        | "disableElevation"> & {
        component?: ElementType<any, (keyof IntrinsicElements)>;
    } & BaseButtonPropsOverrides;
    baseCheckbox: CheckboxProps & BaseCheckboxPropsOverrides;
    baseChip: ChipOwnProps & CommonProps & Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
        ref?: null | ((instance: null | HTMLDivElement) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLDivElement>;
    },
        | "className"
        | "icon"
        | "style"
        | "color"
        | "variant"
        | "label"
        | "children"
        | "classes"
        | "sx"
        | "tabIndex"
        | "disabled"
        | "size"
        | "clickable"
        | "onDelete"
        | "avatar"
        | "deleteIcon"
        | "skipFocusWhenDisabled"> & {
        component?: ElementType<any, (keyof IntrinsicElements)>;
    } & BaseChipPropsOverrides;
    baseDivider: BaseDividerPropsOverrides;
    baseFormControl: FormControlOwnProps & CommonProps & Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
        ref?: null | ((instance: null | HTMLDivElement) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLDivElement>;
    },
        | "margin"
        | "className"
        | "style"
        | "error"
        | "color"
        | "variant"
        | "children"
        | "classes"
        | "sx"
        | "disabled"
        | "required"
        | "size"
        | "fullWidth"
        | "focused"
        | "hiddenLabel"> & {
        component?: ElementType<any, (keyof IntrinsicElements)>;
    } & BaseFormControlPropsOverrides;
    baseIconButton: IconButtonOwnProps & Omit<ButtonBaseOwnProps, "classes"> & CommonProps & Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
        ref?: null | ((instance: null | HTMLButtonElement) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement>;
    },
        | "className"
        | "style"
        | "color"
        | "children"
        | "classes"
        | "sx"
        | "tabIndex"
        | "disabled"
        | "size"
        | "action"
        | "centerRipple"
        | "disableRipple"
        | "disableTouchRipple"
        | "focusRipple"
        | "focusVisibleClassName"
        | "LinkComponent"
        | "onFocusVisible"
        | "TouchRippleProps"
        | "touchRippleRef"
        | "disableFocusRipple"
        | "edge"> & {
        component?: ElementType<any, (keyof IntrinsicElements)>;
    } & BaseIconButtonPropsOverrides;
    baseInputAdornment: InputAdornmentOwnProps & CommonProps & Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
        ref?: null | ((instance: null | HTMLDivElement) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLDivElement>;
    },
        | "className"
        | "style"
        | "position"
        | "variant"
        | "children"
        | "classes"
        | "sx"
        | "disableTypography"
        | "disablePointerEvents"> & {
        component?: ElementType<any, (keyof IntrinsicElements)>;
    } & BaseInputAdornmentPropsOverrides;
    baseInputLabel: InputLabelOwnProps & Pick<FormLabelOwnProps, "color" | "filled"> & CommonProps & Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
        ref?: null | ((instance: null | HTMLLabelElement) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLLabelElement>;
    },
        | "margin"
        | "className"
        | "style"
        | "error"
        | "color"
        | "variant"
        | "children"
        | "classes"
        | "sx"
        | "disabled"
        | "required"
        | "size"
        | "filled"
        | "shrink"
        | "focused"
        | "disableAnimation"> & {
        component?: ElementType<any, (keyof IntrinsicElements)>;
    } & BaseInputLabelPropsOverrides;
    basePopper: PopperProps & BasePopperPropsOverrides;
    baseSelect: SelectProps & BaseSelectPropsOverrides;
    baseSelectOption: {
        children?: ReactNode;
        native: boolean;
        value: any;
    } & BaseSelectOptionPropsOverrides;
    baseSwitch: SwitchProps & BaseSwitchPropsOverrides;
    baseTextField: TextFieldProps & BaseTextFieldPropsOverrides;
    baseTooltip: TooltipProps & BaseTooltipPropsOverrides;
    cell: HTMLAttributes<HTMLDivElement> & {
        align: GridAlignment;
        children?: ReactNode;
        className?: string;
        colIndex: number;
        colSpan?: number;
        column: GridStateColDef;
        disableDragEvents?: boolean;
        isNotVisible: boolean;
        onClick?: MouseEventHandler<HTMLDivElement>;
        onDoubleClick?: MouseEventHandler<HTMLDivElement>;
        onDragEnter?: DragEventHandler<HTMLDivElement>;
        onDragOver?: DragEventHandler<HTMLDivElement>;
        onFocus?: FocusEventHandler<Element>;
        onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
        onKeyUp?: KeyboardEventHandler<HTMLDivElement>;
        onMouseDown?: MouseEventHandler<HTMLDivElement>;
        onMouseEnter?: MouseEventHandler<HTMLDivElement>;
        onMouseLeave?: MouseEventHandler<HTMLDivElement>;
        onMouseOver?: MouseEventHandler<HTMLDivElement>;
        onMouseUp?: MouseEventHandler<HTMLDivElement>;
        pinnedOffset?: number;
        pinnedPosition: PinnedColumnPosition;
        row: GridValidRowModel;
        rowId: GridRowId;
        rowNode: GridTreeNode;
        showLeftBorder: boolean;
        showRightBorder: boolean;
        style?: CSSProperties;
        width: number;
        [x: `data-${string}`]: string;
    } & CellPropsOverrides;
    columnHeaderFilterIconButton: ColumnHeaderFilterIconButtonProps & ColumnHeaderFilterIconButtonPropsOverrides;
    columnHeaders: GridColumnHeadersProps;
    columnHeaderSortIcon: GridColumnHeaderSortIconProps & ColumnHeaderSortIconPropsOverrides;
    columnMenu: GridColumnMenuProps & ColumnMenuPropsOverrides;
    columnsManagement: GridColumnsManagementProps & ColumnsManagementPropsOverrides;
    columnsPanel: GridColumnsPanelProps & ColumnsPanelPropsOverrides;
    detailPanels: GridDetailPanelsProps & DetailPanelsPropsOverrides;
    filterPanel: GridFilterPanelProps & FilterPanelPropsOverrides;
    footer: HTMLAttributes<HTMLDivElement> & {
        sx?: SxProps<Theme>;
    } & FooterPropsOverrides;
    footerRowCount: HTMLAttributes<HTMLDivElement> & RowCountProps & {
        sx?: SxProps<Theme>;
    } & FooterRowCountOverrides;
    loadingOverlay: GridLoadingOverlayProps & LoadingOverlayPropsOverrides;
    main: MainProps;
    noResultsOverlay: HTMLAttributes<HTMLDivElement> & {
        sx?: SxProps<Theme>;
    } & NoResultsOverlayPropsOverrides;
    noRowsOverlay: HTMLAttributes<HTMLDivElement> & {
        sx?: SxProps<Theme>;
    } & NoRowsOverlayPropsOverrides;
    pagination: Partial<TablePaginationProps> & PaginationPropsOverrides;
    panel: GridPanelProps & PanelPropsOverrides;
    pinnedRows: GridPinnedRowsProps & PinnedRowsPropsOverrides;
    root: RootProps;
    row: GridRowProps & RowPropsOverrides;
    skeletonCell: GridSkeletonCellProps & SkeletonCellPropsOverrides;
    toolbar: GridToolbarProps & ToolbarPropsOverrides;
}

Properties

baseBadge: BadgeOwnProps & CommonProps & Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
    ref?: null | ((instance: null | HTMLSpanElement) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLSpanElement>;
},
    | "className"
    | "components"
    | "style"
    | "color"
    | "variant"
    | "children"
    | "classes"
    | "sx"
    | "max"
    | "componentsProps"
    | "slotProps"
    | "slots"
    | "anchorOrigin"
    | "invisible"
    | "badgeContent"
    | "overlap"
    | "showZero"> & {
    component?: ElementType<any, (keyof IntrinsicElements)>;
} & BaseBadgePropsOverrides
baseButton: ButtonOwnProps & Omit<ButtonBaseOwnProps, "classes"> & CommonProps & Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
    ref?: null | ((instance: null | HTMLButtonElement) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement>;
},
    | "className"
    | "href"
    | "style"
    | "color"
    | "variant"
    | "children"
    | "classes"
    | "sx"
    | "tabIndex"
    | "disabled"
    | "size"
    | "action"
    | "centerRipple"
    | "disableRipple"
    | "disableTouchRipple"
    | "focusRipple"
    | "focusVisibleClassName"
    | "LinkComponent"
    | "onFocusVisible"
    | "TouchRippleProps"
    | "touchRippleRef"
    | "fullWidth"
    | "disableFocusRipple"
    | "endIcon"
    | "startIcon"
    | "disableElevation"> & {
    component?: ElementType<any, (keyof IntrinsicElements)>;
} & BaseButtonPropsOverrides
baseCheckbox: CheckboxProps & BaseCheckboxPropsOverrides
baseChip: ChipOwnProps & CommonProps & Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
    ref?: null | ((instance: null | HTMLDivElement) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLDivElement>;
},
    | "className"
    | "icon"
    | "style"
    | "color"
    | "variant"
    | "label"
    | "children"
    | "classes"
    | "sx"
    | "tabIndex"
    | "disabled"
    | "size"
    | "clickable"
    | "onDelete"
    | "avatar"
    | "deleteIcon"
    | "skipFocusWhenDisabled"> & {
    component?: ElementType<any, (keyof IntrinsicElements)>;
} & BaseChipPropsOverrides
baseFormControl: FormControlOwnProps & CommonProps & Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
    ref?: null | ((instance: null | HTMLDivElement) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLDivElement>;
},
    | "margin"
    | "className"
    | "style"
    | "error"
    | "color"
    | "variant"
    | "children"
    | "classes"
    | "sx"
    | "disabled"
    | "required"
    | "size"
    | "fullWidth"
    | "focused"
    | "hiddenLabel"> & {
    component?: ElementType<any, (keyof IntrinsicElements)>;
} & BaseFormControlPropsOverrides
baseIconButton: IconButtonOwnProps & Omit<ButtonBaseOwnProps, "classes"> & CommonProps & Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
    ref?: null | ((instance: null | HTMLButtonElement) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement>;
},
    | "className"
    | "style"
    | "color"
    | "children"
    | "classes"
    | "sx"
    | "tabIndex"
    | "disabled"
    | "size"
    | "action"
    | "centerRipple"
    | "disableRipple"
    | "disableTouchRipple"
    | "focusRipple"
    | "focusVisibleClassName"
    | "LinkComponent"
    | "onFocusVisible"
    | "TouchRippleProps"
    | "touchRippleRef"
    | "disableFocusRipple"
    | "edge"> & {
    component?: ElementType<any, (keyof IntrinsicElements)>;
} & BaseIconButtonPropsOverrides
baseInputAdornment: InputAdornmentOwnProps & CommonProps & Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
    ref?: null | ((instance: null | HTMLDivElement) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLDivElement>;
},
    | "className"
    | "style"
    | "position"
    | "variant"
    | "children"
    | "classes"
    | "sx"
    | "disableTypography"
    | "disablePointerEvents"> & {
    component?: ElementType<any, (keyof IntrinsicElements)>;
} & BaseInputAdornmentPropsOverrides
baseInputLabel: InputLabelOwnProps & Pick<FormLabelOwnProps, "color" | "filled"> & CommonProps & Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
    ref?: null | ((instance: null | HTMLLabelElement) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLLabelElement>;
},
    | "margin"
    | "className"
    | "style"
    | "error"
    | "color"
    | "variant"
    | "children"
    | "classes"
    | "sx"
    | "disabled"
    | "required"
    | "size"
    | "filled"
    | "shrink"
    | "focused"
    | "disableAnimation"> & {
    component?: ElementType<any, (keyof IntrinsicElements)>;
} & BaseInputLabelPropsOverrides
basePopper: PopperProps & BasePopperPropsOverrides
baseSelect: SelectProps & BaseSelectPropsOverrides
baseSelectOption: {
    children?: ReactNode;
    native: boolean;
    value: any;
} & BaseSelectOptionPropsOverrides
baseSwitch: SwitchProps & BaseSwitchPropsOverrides
baseTextField: TextFieldProps & BaseTextFieldPropsOverrides
baseTooltip: TooltipProps & BaseTooltipPropsOverrides
cell: HTMLAttributes<HTMLDivElement> & {
    align: GridAlignment;
    children?: ReactNode;
    className?: string;
    colIndex: number;
    colSpan?: number;
    column: GridStateColDef;
    disableDragEvents?: boolean;
    isNotVisible: boolean;
    onClick?: MouseEventHandler<HTMLDivElement>;
    onDoubleClick?: MouseEventHandler<HTMLDivElement>;
    onDragEnter?: DragEventHandler<HTMLDivElement>;
    onDragOver?: DragEventHandler<HTMLDivElement>;
    onFocus?: FocusEventHandler<Element>;
    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
    onKeyUp?: KeyboardEventHandler<HTMLDivElement>;
    onMouseDown?: MouseEventHandler<HTMLDivElement>;
    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
    onMouseLeave?: MouseEventHandler<HTMLDivElement>;
    onMouseOver?: MouseEventHandler<HTMLDivElement>;
    onMouseUp?: MouseEventHandler<HTMLDivElement>;
    pinnedOffset?: number;
    pinnedPosition: PinnedColumnPosition;
    row: GridValidRowModel;
    rowId: GridRowId;
    rowNode: GridTreeNode;
    showLeftBorder: boolean;
    showRightBorder: boolean;
    style?: CSSProperties;
    width: number;
    [x: `data-${string}`]: string;
} & CellPropsOverrides
columnHeaders: GridColumnHeadersProps
detailPanels: GridDetailPanelsProps & DetailPanelsPropsOverrides
filterPanel: GridFilterPanelProps & FilterPanelPropsOverrides
footer: HTMLAttributes<HTMLDivElement> & {
    sx?: SxProps<Theme>;
} & FooterPropsOverrides
footerRowCount: HTMLAttributes<HTMLDivElement> & RowCountProps & {
    sx?: SxProps<Theme>;
} & FooterRowCountOverrides
main: MainProps

Props passed to the .main (role="grid") element

noResultsOverlay: HTMLAttributes<HTMLDivElement> & {
    sx?: SxProps<Theme>;
} & NoResultsOverlayPropsOverrides
noRowsOverlay: HTMLAttributes<HTMLDivElement> & {
    sx?: SxProps<Theme>;
} & NoRowsOverlayPropsOverrides
pagination: Partial<TablePaginationProps> & PaginationPropsOverrides
pinnedRows: GridPinnedRowsProps & PinnedRowsPropsOverrides
root: RootProps

Props passed to the .root element

toolbar: GridToolbarProps & ToolbarPropsOverrides