Preparing search index...
The search index is not available
sj-design
sj-design
component-library.ui.data-grid/dist
GridSlotProps
Interface GridSlotProps
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
;
}
Index
Properties
base
Badge
base
Button
base
Checkbox
base
Chip
base
Divider
base
Form
Control
base
Icon
Button
base
Input
Adornment
base
Input
Label
base
Popper
base
Select
base
Select
Option
base
Switch
base
Text
Field
base
Tooltip
cell
column
Header
Filter
Icon
Button
column
Headers
column
Header
Sort
Icon
column
Menu
columns
Management
columns
Panel
detail
Panels
filter
Panel
footer
footer
Row
Count
loading
Overlay
main
no
Results
Overlay
no
Rows
Overlay
pagination
panel
pinned
Rows
root
row
skeleton
Cell
toolbar
Properties
base
Badge
base
Badge
:
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
base
Button
base
Button
:
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
base
Checkbox
base
Checkbox
:
CheckboxProps
&
BaseCheckboxPropsOverrides
base
Chip
base
Chip
:
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
base
Divider
base
Divider
:
BaseDividerPropsOverrides
base
Form
Control
base
Form
Control
:
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
base
Icon
Button
base
Icon
Button
:
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
base
Input
Adornment
base
Input
Adornment
:
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
base
Input
Label
base
Input
Label
:
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
base
Popper
base
Popper
:
PopperProps
&
BasePopperPropsOverrides
base
Select
base
Select
:
SelectProps
&
BaseSelectPropsOverrides
base
Select
Option
base
Select
Option
:
{
children
?:
ReactNode
;
native
:
boolean
;
value
:
any
;
}
&
BaseSelectOptionPropsOverrides
base
Switch
base
Switch
:
SwitchProps
&
BaseSwitchPropsOverrides
base
Text
Field
base
Text
Field
:
TextFieldProps
&
BaseTextFieldPropsOverrides
base
Tooltip
base
Tooltip
:
TooltipProps
&
BaseTooltipPropsOverrides
cell
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
column
Header
Filter
Icon
Button
column
Header
Filter
Icon
Button
:
ColumnHeaderFilterIconButtonProps
&
ColumnHeaderFilterIconButtonPropsOverrides
column
Headers
column
Headers
:
GridColumnHeadersProps
column
Header
Sort
Icon
column
Header
Sort
Icon
:
GridColumnHeaderSortIconProps
&
ColumnHeaderSortIconPropsOverrides
column
Menu
column
Menu
:
GridColumnMenuProps
&
ColumnMenuPropsOverrides
columns
Management
columns
Management
:
GridColumnsManagementProps
&
ColumnsManagementPropsOverrides
columns
Panel
columns
Panel
:
GridColumnsPanelProps
&
ColumnsPanelPropsOverrides
detail
Panels
detail
Panels
:
GridDetailPanelsProps
&
DetailPanelsPropsOverrides
filter
Panel
filter
Panel
:
GridFilterPanelProps
&
FilterPanelPropsOverrides
footer
footer
:
HTMLAttributes
<
HTMLDivElement
>
&
{
sx
?:
SxProps
<
Theme
>
;
}
&
FooterPropsOverrides
footer
Row
Count
footer
Row
Count
:
HTMLAttributes
<
HTMLDivElement
>
&
RowCountProps
&
{
sx
?:
SxProps
<
Theme
>
;
}
&
FooterRowCountOverrides
loading
Overlay
loading
Overlay
:
GridLoadingOverlayProps
&
LoadingOverlayPropsOverrides
main
main
:
MainProps
Props passed to the
.main
(role="grid") element
no
Results
Overlay
no
Results
Overlay
:
HTMLAttributes
<
HTMLDivElement
>
&
{
sx
?:
SxProps
<
Theme
>
;
}
&
NoResultsOverlayPropsOverrides
no
Rows
Overlay
no
Rows
Overlay
:
HTMLAttributes
<
HTMLDivElement
>
&
{
sx
?:
SxProps
<
Theme
>
;
}
&
NoRowsOverlayPropsOverrides
pagination
pagination
:
Partial
<
TablePaginationProps
>
&
PaginationPropsOverrides
panel
panel
:
GridPanelProps
&
PanelPropsOverrides
pinned
Rows
pinned
Rows
:
GridPinnedRowsProps
&
PinnedRowsPropsOverrides
root
root
:
RootProps
Props passed to the
.root
element
row
row
:
GridRowProps
&
RowPropsOverrides
skeleton
Cell
skeleton
Cell
:
GridSkeletonCellProps
&
SkeletonCellPropsOverrides
toolbar
toolbar
:
GridToolbarProps
&
ToolbarPropsOverrides
Settings
Member Visibility
Protected
Inherited
External
Alpha
Beta
Theme
OS
Light
Dark
On This Page
Properties
base
Badge
base
Button
base
Checkbox
base
Chip
base
Divider
base
Form
Control
base
Icon
Button
base
Input
Adornment
base
Input
Label
base
Popper
base
Select
base
Select
Option
base
Switch
base
Text
Field
base
Tooltip
cell
column
Header
Filter
Icon
Button
column
Headers
column
Header
Sort
Icon
column
Menu
columns
Management
columns
Panel
detail
Panels
filter
Panel
footer
footer
Row
Count
loading
Overlay
main
no
Results
Overlay
no
Rows
Overlay
pagination
panel
pinned
Rows
root
row
skeleton
Cell
toolbar
sj-design
Loading...
Props passed to the
.main
(role="grid") element