GridToolbarFilterProps

Interface

Definition

Package:@progress/kendo-react-grid

Specifies a React element that will be cloned and rendered inside the UI of the column-menu filter component (see example).

boolean

If set to false, the second filter operator and the input will be hidden.

string

Defines the icon rendered in the GridToolbarFilter tool (see example).

Example:

jsx

<GridToolbarFilter icon="home" />

Function

The method that will be called to close the column menu.

Example:

jsx

<GridToolbarFilter onCloseMenu={() => console.log('close menu');} />

The method that will be called to notify the parent Grid about a filter change.

Parameters:filternull | CompositeFilterDescriptorsyntheticEventSyntheticEvent<any, Event>Returns:

any

boolean

Specifies if the popup will be displayed.

Example:

jsx

<GridToolbarFilter show={true} />

SVGIcon

Defines the SVG icon rendered in the GridToolbarFilter tool (see example).

Example:

jsx

import { gearIcon } from '@progress/kendo-svg-icons';

<GridToolbarFilter svgIcon={gearIcon} />