GridFilterPanel API
API reference docs for the React GridFilterPanel component. Learn about the props, CSS, and other APIs of this exported module.
Component demos
Import
import { GridFilterPanel } from '@mui/x-data-grid/components';
// or
import { GridFilterPanel } from '@mui/x-data-grid';
// or
import { GridFilterPanel } from '@mui/x-data-grid-pro';
// or
import { GridFilterPanel } from '@mui/x-data-grid-premium';
Changes how the options in the columns selector should be ordered. If not specified, the order is derived from the columns
prop.
Type:'asc'
| 'desc'
Props passed to each filter form.
Type:{ columnInputProps?: any, columnsSort?: 'asc'
| 'desc', deleteIconProps?: any, filterColumns?: func, logicOperatorInputProps?: any, operatorInputProps?: any, valueInputProps?: any }
Function that returns the next filter item to be picked as default filter.
Type:func
function(args: GetColumnForNewFilterArgs) => void
args
Currently configured filters and columns.
Sets the available logic operators.
Type:Array<'and'
| 'or'>
Default:[GridLogicOperator.And, GridLogicOperator.Or]
The system prop that allows defining system overrides as well as additional CSS styles.
See the `sx` page for more details.
Type:Array<func
| object
| bool>
| func
| object
ref
is forwarded to the root element.