New to KendoReactLearn about KendoReact Free.

GridToolbarFilterProps

NameTypeDefaultDescription

filterUI?

React.ComponentType<GridColumnMenuFilterUIProps>

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

hideSecondFilter?

boolean

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

icon?

string

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

jsx
<GridToolbarFilter icon="home" />

onCloseMenu?

Function

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

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

onFilterChange?

(filter: "null" | CompositeFilterDescriptor, syntheticEvent: SyntheticEvent<any>) => any

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

show?

boolean

Specifies if the popup will be displayed.

jsx
<GridToolbarFilter show={true} />

svgIcon?

SVGIcon

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

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

<GridToolbarFilter svgIcon={gearIcon} />
Not finding the help you need?
Contact Support