columns* |
Array<object> |
- |
Set of columns of type GridColDef[]. |
aggregationFunctions |
object |
GRID_AGGREGATION_FUNCTIONS |
Aggregation functions available on the grid. |
aggregationModel |
object |
- |
Set the aggregation model of the grid. |
aggregationRowsScope |
'all' | 'filtered' |
"filtered" |
Rows used to generate the aggregated value. If filtered, the aggregated values are generated using only the rows currently passing the filtering process. If all, the aggregated values are generated using all the rows. |
apiRef |
{ current: object } |
- |
The ref object that allows grid manipulation. Can be instantiated with useGridApiRef(). |
aria-label |
string |
- |
The label of the Data Grid. |
aria-labelledby |
string |
- |
The id of the element containing a label for the Data Grid. |
autoHeight |
bool |
false |
If true, the Data Grid height is dynamic and follow the number of rows in the Data Grid. |
autoPageSize |
bool |
false |
If true, the pageSize is calculated according to the container size and the max number of rows to avoid rendering a vertical scroll bar. |
autosizeOnMount |
bool |
false |
If true, columns are autosized after the datagrid is mounted. |
autosizeOptions |
{ columns?: Array<string>, expand?: bool, includeHeaders?: bool, includeOutliers?: bool, outliersFactor?: number } |
- |
The options for autosize when user-initiated. |
cellModesModel |
object |
- |
Controls the modes of the cells. |
cellSelection |
bool |
false |
If true, the cell selection mode is enabled. |
cellSelectionModel |
object |
- |
Set the cell selection model of the grid. |
checkboxSelection |
bool |
false |
If true, the Data Grid will display an extra column with checkboxes for selecting rows. |
checkboxSelectionVisibleOnly |
bool |
false |
If true, the "Select All" header checkbox selects only the rows on the current page. To be used in combination with checkboxSelection. It only works if the pagination is enabled. |
classes |
object |
- |
Override or extend the styles applied to the component.See CSS classes API below for more details. |
clipboardCopyCellDelimiter |
string |
' ' |
The character used to separate cell values when copying to the clipboard. |
columnBufferPx |
number |
150 |
Column region in pixels to render before/after the viewport |
columnHeaderHeight |
number |
56 |
Sets the height in pixel of the column headers in the Data Grid. |
columnVisibilityModel |
object |
- |
Set the column visibility model of the Data Grid. If defined, the Data Grid will ignore the hide property in GridColDef. |
defaultGroupingExpansionDepth |
number |
0 |
If above 0, the row children will be expanded up to this depth. If equal to -1, all the row children will be expanded. |
density |
'comfortable' | 'compact' | 'standard' |
"standard" |
Set the density of the Data Grid. |
detailPanelExpandedRowIds |
Array<number | string> |
- |
The row ids to show the detail panel. |
disableAggregation |
bool |
false |
If true, aggregation is disabled. |
disableAutosize |
bool |
false |
If true, column autosizing on header separator double-click is disabled. |
disableChildrenFiltering |
bool |
false |
If true, the filtering will only be applied to the top level rows when grouping rows with the treeData prop. |
disableChildrenSorting |
bool |
false |
If true, the sorting will only be applied to the top level rows when grouping rows with the treeData prop. |
disableClipboardPaste |
bool |
false |
If true, the clipboard paste is disabled. |
disableColumnFilter |
bool |
false |
If true, column filters are disabled. |
disableColumnMenu |
bool |
false |
If true, the column menu is disabled. |
disableColumnPinning |
bool |
false |
If true, the column pinning is disabled. |
disableColumnReorder |
bool |
false |
If true, reordering columns is disabled. |
disableColumnResize |
bool |
false |
If true, resizing columns is disabled. |
disableColumnSelector |
bool |
false |
If true, hiding/showing columns is disabled. |
disableColumnSorting |
bool |
false |
If true, the column sorting feature will be disabled. |
disableDensitySelector |
bool |
false |
If true, the density selector is disabled. |
disableEval |
bool |
false |
If true, eval() is not used for performance optimization. |
disableMultipleColumnsFiltering |
bool |
false |
If true, filtering with multiple columns is disabled. |
disableMultipleColumnsSorting |
bool |
false |
If true, the sorting with multiple columns is disabled. |
disableMultipleRowSelection |
bool |
false (!props.checkboxSelection for MIT Data Grid) |
If true, multiple selection using the Ctrl/CMD or Shift key is disabled. The MIT DataGrid will ignore this prop, unless checkboxSelection is enabled. |
disableRowGrouping |
bool |
false |
If true, the row grouping is disabled. |
disableRowSelectionOnClick |
bool |
false |
If true, the selection on click on a row or cell is disabled. |
disableVirtualization |
bool |
false |
If true, the virtualization is disabled. |
editMode |
'cell' | 'row' |
"cell" |
Controls whether to use the cell or row editing. |
experimentalFeatures |
{ warnIfFocusStateIsNotSynced?: bool } |
- |
Unstable features, breaking changes might be introduced. For each feature, if the flag is not explicitly set to true, then the feature is fully disabled, and neither property nor method calls will have any effect. |
filterDebounceMs |
number |
150 |
The milliseconds delay to wait after a keystroke before triggering filtering. |
filterMode |
'client' | 'server' |
"client" |
Filtering can be processed on the server or client-side. Set it to 'server' if you would like to handle filtering on the server-side. |
filterModel |
{ items: Array<{ field: string, id?: number | string, operator: string, value?: any }>, logicOperator?: 'and' | 'or', quickFilterExcludeHiddenColumns?: bool, quickFilterLogicOperator?: 'and' | 'or', quickFilterValues?: array } |
- |
Set the filter model of the Data Grid. |
getAggregationPosition |
func |
(groupNode) => groupNode == null ? 'footer' : 'inline' |
Determines the position of an aggregated value.Signature:function(groupNode: GridGroupNode) => GridAggregationPosition |
getCellClassName |
func |
- |
Function that applies CSS classes dynamically on cells.Signature:function(params: GridCellParams) => stringparams With all properties from GridCellParams.Returns: The CSS class to apply to the cell. |
getDetailPanelContent |
func |
- |
Function that returns the element to render in row detail.Signature:function(params: GridRowParams) => React.JSX.Elementparams With all properties from GridRowParams.Returns: The row detail element. |
getDetailPanelHeight |
func |
"() => 500" |
Function that returns the height of the row detail panel.Signature:function(params: GridRowParams) => number |
getEstimatedRowHeight |
func |
- |
Function that returns the estimated height for a row. Only works if dynamic row height is used. Once the row height is measured this value is discarded.Signature:function(params: GridRowHeightParams) => number |
getRowClassName |
func |
- |
Function that applies CSS classes dynamically on rows.Signature:function(params: GridRowClassNameParams) => stringparams With all properties from GridRowClassNameParams.Returns: The CSS class to apply to the row. |
getRowHeight |
func |
- |
Function that sets the row height per row.Signature:function(params: GridRowHeightParams) => GridRowHeightReturnValueparams With all properties from GridRowHeightParams.Returns: The row height value. If null or undefined then the default row height is applied. If "auto" then the row height is calculated based on the content. |
getRowId |
func |
- |
Return the id of a given GridRowModel. |
getRowSpacing |
func |
- |
Function that allows to specify the spacing between rows.Signature:function(params: GridRowSpacingParams) => GridRowSpacingparams With all properties from GridRowSpacingParams.Returns: The row spacing values. |
getTreeDataPath |
func |
- |
Determines the path of a row in the tree data. For instance, a row with the path ["A", "B"] is the child of the row with the path ["A"]. Note that all paths must contain at least one element.Signature:function(row: R) => Arrayrow The row from which we want the path.Returns: The path to the row. |
groupingColDef |
func | object |
- |
The grouping column used by the tree data. |
headerFilters |
bool |
false |
If true, enables the data grid filtering on header feature. |
hideFooter |
bool |
false |
If true, the footer component is hidden. |
hideFooterPagination |
bool |
false |
If true, the pagination component in the footer is hidden. |
hideFooterRowCount |
bool |
false |
If true, the row count in the footer is hidden. It has no effect if the pagination is enabled. |
hideFooterSelectedRowCount |
bool |
false |
If true, the selected row count in the footer is hidden. |
ignoreDiacritics |
bool |
false |
If true, the diacritics (accents) are ignored when filtering or quick filtering. E.g. when filter value is cafe, the rows with café will be visible. |
ignoreValueFormatterDuringExport |
{ clipboardExport?: bool, csvExport?: bool } | bool |
false |
If true, the Data Grid will not use valueFormatter when exporting to CSV or copying to clipboard. If an object is provided, you can choose to ignore the valueFormatter for CSV export or clipboard export. |
initialState |
object |
- |
The initial state of the DataGridPremium. The data in it is set in the state on initialization but isn't controlled. If one of the data in initialState is also being controlled, then the control state wins. |
isCellEditable |
func |
- |
Callback fired when a cell is rendered, returns true if the cell is editable.Signature:function(params: GridCellParams) => booleanparams With all properties from GridCellParams.Returns: A boolean indicating if the cell is editable. |
isGroupExpandedByDefault |
func |
- |
Determines if a group should be expanded after its creation. This prop takes priority over the defaultGroupingExpansionDepth prop.Signature:function(node: GridGroupNode) => booleannode The node of the group to test.Returns: A boolean indicating if the group is expanded. |
isRowSelectable |
func |
- |
Determines if a row can be selected.Signature:function(params: GridRowParams) => booleanparams With all properties from GridRowParams.Returns: A boolean indicating if the cell is selectable. |
keepColumnPositionIfDraggedOutside |
bool |
false |
If true, moving the mouse pointer outside the grid before releasing the mouse button in a column re-order action will not cause the column to jump back to its original position. |
keepNonExistentRowsSelected |
bool |
false |
If true, the selection model will retain selected rows that do not exist. Useful when using server side pagination and row selections need to be retained when changing pages. |
loading |
bool |
- |
If true, a loading overlay is displayed. |
localeText |
object |
- |
Set the locale text of the Data Grid. You can find all the translation keys supported in the source in the GitHub repository. |
logger |
{ debug: func, error: func, info: func, warn: func } |
console |
Pass a custom logger in the components that implements the Logger interface. |
logLevel |
'debug' | 'error' | 'info' | 'warn' | false |
"error" ("warn" in dev mode) |
Allows to pass the logging level or false to turn off logging. |
nonce |
string |
- |
Nonce of the inline styles for Content Security Policy. |
onAggregationModelChange |
func |
- |
Callback fired when the row grouping model changes.Signature:function(model: GridAggregationModel, details: GridCallbackDetails) => voidmodel The aggregated columns.details Additional details for this callback. |
onBeforeClipboardPasteStart |
func |
- |
Callback fired before the clipboard paste operation starts. Use it to confirm or cancel the paste operation.Signature:function(params: object) => voidparams Params passed to the callback. |
onCellClick |
func |
- |
Callback fired when any cell is clicked.Signature:function(params: GridCellParams, event: MuiEvent, details: GridCallbackDetails) => voidparams With all properties from GridCellParams.event The event object.details Additional details for this callback. |
onCellDoubleClick |
func |
- |
Callback fired when a double click event comes from a cell element.Signature:function(params: GridCellParams, event: MuiEvent, details: GridCallbackDetails) => voidparams With all properties from GridCellParams.event The event object.details Additional details for this callback. |
onCellEditStart |
func |
- |
Callback fired when the cell turns to edit mode.Signature:function(params: GridCellParams, event: MuiEvent) => voidparams With all properties from GridCellParams.event The event that caused this prop to be called. |
onCellEditStop |
func |
- |
Callback fired when the cell turns to view mode.Signature:function(params: GridCellParams, event: MuiEvent) => voidparams With all properties from GridCellParams.event The event that caused this prop to be called. |
onCellKeyDown |
func |
- |
Callback fired when a keydown event comes from a cell element.Signature:function(params: GridCellParams, event: MuiEvent, details: GridCallbackDetails) => voidparams With all properties from GridCellParams.event The event object.details Additional details for this callback. |
onCellModesModelChange |
func |
- |
Callback fired when the cellModesModel prop changes.Signature:function(cellModesModel: GridCellModesModel, details: GridCallbackDetails) => voidcellModesModel Object containing which cells are in "edit" mode.details Additional details for this callback. |
onCellSelectionModelChange |
func |
- |
Callback fired when the selection state of one or multiple cells changes.Signature:function(cellSelectionModel: GridCellSelectionModel, details: GridCallbackDetails) => voidcellSelectionModel Object in the shape of GridCellSelectionModel containing the selected cells.details Additional details for this callback. |
onClipboardCopy |
func |
- |
Callback called when the data is copied to the clipboard.Signature:function(data: string) => voiddata The data copied to the clipboard. |
onClipboardPasteEnd |
func |
- |
Callback fired when the clipboard paste operation ends. |
onClipboardPasteStart |
func |
- |
Callback fired when the clipboard paste operation starts. |
onColumnHeaderClick |
func |
- |
Callback fired when a click event comes from a column header element.Signature:function(params: GridColumnHeaderParams, event: MuiEvent, details: GridCallbackDetails) => voidparams With all properties from GridColumnHeaderParams.event The event object.details Additional details for this callback. |
onColumnHeaderDoubleClick |
func |
- |
Callback fired when a double click event comes from a column header element.Signature:function(params: GridColumnHeaderParams, event: MuiEvent, details: GridCallbackDetails) => voidparams With all properties from GridColumnHeaderParams.event The event object.details Additional details for this callback. |
onColumnHeaderEnter |
func |
- |
Callback fired when a mouse enter event comes from a column header element.Signature:function(params: GridColumnHeaderParams, event: MuiEvent, details: GridCallbackDetails) => voidparams With all properties from GridColumnHeaderParams.event The event object.details Additional details for this callback. |
onColumnHeaderLeave |
func |
- |
Callback fired when a mouse leave event comes from a column header element.Signature:function(params: GridColumnHeaderParams, event: MuiEvent, details: GridCallbackDetails) => voidparams With all properties from GridColumnHeaderParams.event The event object.details Additional details for this callback. |
onColumnHeaderOut |
func |
- |
Callback fired when a mouseout event comes from a column header element.Signature:function(params: GridColumnHeaderParams, event: MuiEvent, details: GridCallbackDetails) => voidparams With all properties from GridColumnHeaderParams.event The event object.details Additional details for this callback. |
onColumnHeaderOver |
func |
- |
Callback fired when a mouseover event comes from a column header element.Signature:function(params: GridColumnHeaderParams, event: MuiEvent, details: GridCallbackDetails) => voidparams With all properties from GridColumnHeaderParams.event The event object.details Additional details for this callback. |
onColumnOrderChange |
func |
- |
Callback fired when a column is reordered.Signature:function(params: GridColumnOrderChangeParams, event: MuiEvent<{}>, details: GridCallbackDetails) => voidparams With all properties from GridColumnOrderChangeParams.event The event object.details Additional details for this callback. |
onColumnResize |
func |
- |
Callback fired while a column is being resized.Signature:function(params: GridColumnResizeParams, event: MuiEvent, details: GridCallbackDetails) => voidparams With all properties from GridColumnResizeParams.event The event object.details Additional details for this callback. |
onColumnVisibilityModelChange |
func |
- |
Callback fired when the column visibility model changes.Signature:function(model: GridColumnVisibilityModel, details: GridCallbackDetails) => voidmodel The new model.details Additional details for this callback. |
onColumnWidthChange |
func |
- |
Callback fired when the width of a column is changed.Signature:function(params: GridColumnResizeParams, event: MuiEvent, details: GridCallbackDetails) => voidparams With all properties from GridColumnResizeParams.event The event object.details Additional details for this callback. |
onDensityChange |
func |
- |
Callback fired when the density changes.Signature:function(density: GridDensity) => voiddensity New density value. |
onDetailPanelExpandedRowIdsChange |
func |
- |
Callback fired when the detail panel of a row is opened or closed.Signature:function(ids: Array, details: GridCallbackDetails) => voidids The ids of the rows which have the detail panel open.details Additional details for this callback. |
onExcelExportStateChange |
func |
- |
Callback fired when the state of the Excel export changes.Signature:function(inProgress: string) => voidinProgress Indicates if the task is in progress. |
onFetchRows |
func |
- |
Callback fired when rowCount is set and the next batch of virtualized rows is rendered.Signature:function(params: GridFetchRowsParams, event: MuiEvent<{}>, details: GridCallbackDetails) => voidparams With all properties from GridFetchRowsParams.event The event object.details Additional details for this callback. |
onFilterModelChange |
func |
- |
Callback fired when the Filter model changes before the filters are applied.Signature:function(model: GridFilterModel, details: GridCallbackDetails) => voidmodel With all properties from GridFilterModel.details Additional details for this callback. |
onMenuClose |
func |
- |
Callback fired when the menu is closed.Signature:function(params: GridMenuParams, event: MuiEvent<{}>, details: GridCallbackDetails) => voidparams With all properties from GridMenuParams.event The event object.details Additional details for this callback. |
onMenuOpen |
func |
- |
Callback fired when the menu is opened.Signature:function(params: GridMenuParams, event: MuiEvent<{}>, details: GridCallbackDetails) => voidparams With all properties from GridMenuParams.event The event object.details Additional details for this callback. |
onPaginationModelChange |
func |
- |
Callback fired when the pagination model has changed.Signature:function(model: GridPaginationModel, details: GridCallbackDetails) => voidmodel Updated pagination model.details Additional details for this callback. |
onPinnedColumnsChange |
func |
- |
Callback fired when the pinned columns have changed.Signature:function(pinnedColumns: GridPinnedColumnFields, details: GridCallbackDetails) => voidpinnedColumns The changed pinned columns.details Additional details for this callback. |
onPreferencePanelClose |
func |
- |
Callback fired when the preferences panel is closed.Signature:function(params: GridPreferencePanelParams, event: MuiEvent<{}>, details: GridCallbackDetails) => voidparams With all properties from GridPreferencePanelParams.event The event object.details Additional details for this callback. |
onPreferencePanelOpen |
func |
- |
Callback fired when the preferences panel is opened.Signature:function(params: GridPreferencePanelParams, event: MuiEvent<{}>, details: GridCallbackDetails) => voidparams With all properties from GridPreferencePanelParams.event The event object.details Additional details for this callback. |
onProcessRowUpdateError |
func |
- |
Callback called when processRowUpdate throws an error or rejects.Signature:function(error: any) => voiderror The error thrown. |
onResize |
func |
- |
Callback fired when the Data Grid is resized.Signature:function(containerSize: ElementSize, event: MuiEvent<{}>, details: GridCallbackDetails) => voidcontainerSize With all properties from ElementSize.event The event object.details Additional details for this callback. |
onRowClick |
func |
- |
Callback fired when a row is clicked. Not called if the target clicked is an interactive element added by the built-in columns.Signature:function(params: GridRowParams, event: MuiEvent, details: GridCallbackDetails) => voidparams With all properties from GridRowParams.event The event object.details Additional details for this callback. |
onRowCountChange |
func |
- |
Callback fired when the row count has changed.Signature:function(count: number) => voidcount Updated row count. |
onRowDoubleClick |
func |
- |
Callback fired when a double click event comes from a row container element.Signature:function(params: GridRowParams, event: MuiEvent, details: GridCallbackDetails) => voidparams With all properties from RowParams.event The event object.details Additional details for this callback. |
onRowEditStart |
func |
- |
Callback fired when the row turns to edit mode.Signature:function(params: GridRowParams, event: MuiEvent) => voidparams With all properties from GridRowParams.event The event that caused this prop to be called. |
onRowEditStop |
func |
- |
Callback fired when the row turns to view mode.Signature:function(params: GridRowParams, event: MuiEvent) => voidparams With all properties from GridRowParams.event The event that caused this prop to be called. |
onRowGroupingModelChange |
func |
- |
Callback fired when the row grouping model changes.Signature:function(model: GridRowGroupingModel, details: GridCallbackDetails) => voidmodel Columns used as grouping criteria.details Additional details for this callback. |
onRowModesModelChange |
func |
- |
Callback fired when the rowModesModel prop changes.Signature:function(rowModesModel: GridRowModesModel, details: GridCallbackDetails) => voidrowModesModel Object containing which rows are in "edit" mode.details Additional details for this callback. |
onRowOrderChange |
func |
- |
Callback fired when a row is being reordered.Signature:function(params: GridRowOrderChangeParams, event: MuiEvent<{}>, details: GridCallbackDetails) => voidparams With all properties from GridRowOrderChangeParams.event The event object.details Additional details for this callback. |
onRowSelectionModelChange |
func |
- |
Callback fired when the selection state of one or multiple rows changes.Signature:function(rowSelectionModel: GridRowSelectionModel, details: GridCallbackDetails) => voidrowSelectionModel With all the row ids GridSelectionModel.details Additional details for this callback. |
onRowsScrollEnd |
func |
- |
Callback fired when scrolling to the bottom of the grid viewport.Signature:function(params: GridRowScrollEndParams, event: MuiEvent<{}>, details: GridCallbackDetails) => voidparams With all properties from GridRowScrollEndParams.event The event object.details Additional details for this callback. |
onSortModelChange |
func |
- |
Callback fired when the sort model changes before a column is sorted.Signature:function(model: GridSortModel, details: GridCallbackDetails) => voidmodel With all properties from GridSortModel.details Additional details for this callback. |
pageSizeOptions |
Array<number | { label: string, value: number }> |
[25, 50, 100] |
Select the pageSize dynamically using the component UI. |
pagination |
bool |
false |
If true, pagination is enabled. |
paginationMode |
'client' | 'server' |
"client" |
Pagination can be processed on the server or client-side. Set it to 'client' if you would like to handle the pagination on the client-side. Set it to 'server' if you would like to handle the pagination on the server-side. |
paginationModel |
{ page: number, pageSize: number } |
- |
The pagination model of type GridPaginationModel which refers to current page and pageSize. |
pinnedColumns |
object |
- |
The column fields to display pinned to left or right. |
pinnedRows |
{ bottom?: Array<object>, top?: Array<object> } |
- |
Rows data to pin on top or bottom. |
processRowUpdate |
func |
- |
Callback called before updating a row with new values in the row and cell editing.Signature:function(newRow: R, oldRow: R) => Promise |
resizeThrottleMs |
number |
60 |
The milliseconds throttle delay for resizing the grid. |
rowBufferPx |
number |
150 |
Row region in pixels to render before/after the viewport |
rowCount |
number |
- |
Set the total number of rows, if it is different from the length of the value rows prop. If some rows have children (for instance in the tree data), this number represents the amount of top level rows. |
rowGroupingColumnMode |
'multiple' | 'single' |
'single' |
If single, all the columns that are grouped are represented in the same grid column. If multiple, each column that is grouped is represented in its own grid column. |
rowGroupingModel |
Array<string> |
- |
Set the row grouping model of the grid. |
rowHeight |
number |
52 |
Sets the height in pixel of a row in the Data Grid. |
rowModesModel |
object |
- |
Controls the modes of the rows. |
rowPositionsDebounceMs |
number |
166 |
The milliseconds delay to wait after measuring the row height before recalculating row positions. Setting it to a lower value could be useful when using dynamic row height, but might reduce performance when displaying a large number of rows. |
rowReordering |
bool |
false |
If true, the reordering of rows is enabled. |
rows |
Array<object> |
[] |
Set of rows of type GridRowsProp. |
rowSelection |
bool |
true |
If false, the row selection mode is disabled. |
rowSelectionModel |
Array<number | string> | number | string |
- |
Sets the row selection model of the Data Grid. |
rowsLoadingMode |
'client' | 'server' |
- |
Loading rows can be processed on the server or client-side. Set it to 'client' if you would like enable infnite loading. Set it to 'server' if you would like to enable lazy loading. * @default "client" |
rowSpacingType |
'border' | 'margin' |
"margin" |
Sets the type of space between rows added by getRowSpacing. |
scrollbarSize |
number |
- |
Override the height/width of the Data Grid inner scrollbar. |
scrollEndThreshold |
number |
80 |
Set the area in px at the bottom of the grid viewport where onRowsScrollEnd is called. |
showCellVerticalBorder |
bool |
false |
If true, the vertical borders of the cells are displayed. |
showColumnVerticalBorder |
bool |
false |
If true, the right border of the column headers are displayed. |
slotProps |
object |
- |
Overridable components props dynamically passed to the component at rendering. |
slots |
object |
- |
Overridable components.See Slots API below for more details. |
sortingMode |
'client' | 'server' |
"client" |
Sorting can be processed on the server or client-side. Set it to 'client' if you would like to handle sorting on the client-side. Set it to 'server' if you would like to handle sorting on the server-side. |
sortingOrder |
Array<'asc' | 'desc'> |
['asc', 'desc', null] |
The order of the sorting sequence. |
sortModel |
Array<{ field: string, sort?: 'asc' | 'desc' }> |
- |
Set the sort model of the Data Grid. |
splitClipboardPastedText |
func |
- |
The function is used to split the pasted text into rows and cells.Signature:function(text: string) => voidtext The text pasted from the clipboard. |
sx |
Array<func | object | bool> | func | object |
- |
The system prop that allows defining system overrides as well as additional CSS styles.See the sx page for more details. |
throttleRowsMs |
number |
0 |
If positive, the Data Grid will throttle updates coming from apiRef.current.updateRows and apiRef.current.setRows. It can be useful if you have a high update rate but do not want to do heavy work like filtering / sorting or rendering on each individual update. |
treeData |
bool |
false |
If true, the rows will be gathered in a tree structure according to the getTreeDataPath prop. |