Skip to content

GridFilterOperator Interface

Filter operator definition interface.

Import

import { GridFilterOperator } from '@mui/x-data-grid-pro';
// or
import { GridFilterOperator } from '@mui/x-data-grid';

Properties

Name Type Description
getApplyFilterFn (filterItem: GridFilterItem, column: GridStateColDef) => null | ((params: GridCellParams) => boolean) The callback that generates a filtering function for a given filter item and column.
This function can return null to skip filtering for this item and column.
InputComponent? React.JSXElementConstructor<GridFilterInputValueProps> | React.JSXElementConstructor<GridFilterInputMultipleValueProps> | React.JSXElementConstructor<GridFilterInputMultipleSingleSelectProps> The input component to render in the filter panel for this filter operator.
InputComponentProps? Record<string, any> The props to pass to the input component in the filter panel for this filter operator.
label? string The label of the filter operator.
value string The name of the filter operator.
It will be matched with the operatorValue property of the filter items.