GridSingleSelectColDef API
Extended documentation for the GridSingleSelectColDef interface with detailed information on the module's properties and available APIs.
Demos
Import
import { GridSingleSelectColDef } from '@mui/x-data-grid-premium'
// or
import { GridSingleSelectColDef } from '@mui/x-data-grid-pro'
// or
import { GridSingleSelectColDef } from '@mui/x-data-grid'
Column Definition interface used for columns with the
singleSelect
type.Limit the aggregation function usable on this column.
By default, the column will have all the aggregation functions that are compatible with its type.
Type:string[]
If true
, the column menu is disabled for this column.
Type:boolean
Default:false
Display mode for the cell:
- 'text': For text-based cells (default)
- 'flex': For cells with HTMLElement children
Type:'text' | 'flex'
Allows setting the filter operators for this column.
Type:readonly GridFilterOperator<R, V, F>[]
The callback that generates a filtering function for a given quick filter value.
This function can return null
to skip filtering for this value and column.
Type:GetApplyQuickFilterFn<R, V>
Used to determine the label displayed for a given value option.
Type:(value: ValueOptions) => string
Used to determine the value used for a value option.
Type:(value: ValueOptions) => any
Provide an alternative comparator function for sorting.
Takes precedence over sortComparator
.
Type:(sortDirection: GridSortDirection) => GridComparatorFn<V> | undefined
If true
, the rows can be grouped based on this column values (pro-plan only).
Only available in DataGridPremium.
Type:boolean
Default:true
Function that transforms a complex cell value into a key that be used for grouping the rows.
Type:GridGroupingValueGetter<R>
Class name added to the column header cell.
Type:GridColumnHeaderClassNamePropType
Function that takes the clipboard-pasted value and converts it to a value used internally.
Type:GridPastedValueParser<R, V, F>
If false
, the menu items for column pinning menu will not be rendered.
Only available in DataGridPro.
Type:boolean
Default:true
Callback fired when the edit props of the cell changes.
Processes the props before being saved into the state.
Type:(params: GridPreProcessEditCellProps) => GridEditCellProps | Promise<GridEditCellProps>
Override the component rendered as cell for this column.
Type:(params: GridRenderCellParams<R, V, F>) => React.ReactNode
Override the component rendered in edit cell mode for this column.
Type:(params: GridRenderEditCellParams<R, V, F>) => React.ReactNode
Override the component rendered in the column header cell.
Type:(params: GridColumnHeaderParams<R, V, F>) => React.ReactNode
Allows to render a component in the column header filter cell.
Type:(params: GridRenderHeaderFilterProps) => React.ReactNode
Function that returns a specific value to be used in row spanning.
Type:GridValueGetter<R, V, F>
Example values that can be used by the grid to get more context about the column.
Type:V[]
Function that returns specific data to render in the cell instead of using the field value.
Type:GridValueGetter<R, V, F>
To be used in combination with type: 'singleSelect'
. This is an array (or a function returning an array) of the possible cell values and labels.
Type:Array<ValueOptions> | ((params: GridValueOptionsParams<R>) => Array<ValueOptions>)
Function that takes the user-entered value and converts it to a value used internally.
Type:GridValueParser<R, V, F>
Function that customizes how the entered value is stored in the row.
Only works with cell/row editing.
Type:GridValueSetter<R, V, F>