New to KendoReactLearn about KendoReact Free.

ColumnMenuProps

Defines the props of the ColumnMenu component.

NameTypeDefaultDescription

expandFilters?

boolean

false

Sets the initial expand state of the filters.

field?

string

Sets the column field the menu operates on.

filter?

CompositeFilterDescriptor[]

Sets the CompositeFilterDescriptor[] applied to the data.

filterContent?

any[]

Provides the filtering UI components in render order. Supply up to three components: first filter, logic, second filter.

initialFilter?

(field: string) => CompositeFilterDescriptor

Returns the initial CompositeFilterDescriptor based on the current field. Use to customize starting filter values.

itemsRender?

(defaultRendering: "null" | ReactElement<HTMLDivElement>[], props: { closeMenu: () => void; field?: string; }) => ReactNode

Fires before the ColumnMenu items render. Use to add or remove items. defaultRendering holds sorting and filtering elements. props exposes the column field and closeMenu() helper.

onFilterChange?

(event: SyntheticEvent<any>, filter: CompositeFilterDescriptor[], field: string) => void

Fires when filtering changes. Receives the browser event, the new CompositeFilterDescriptor[], and the column field.

onSortChange?

(event: SyntheticEvent<any>, sort: SortDescriptor[], field: string) => void

Fires when sorting changes. Receives the browser event, the new SortDescriptor[], and the column field.

render?

(defaultRendering: ReactElement<any>[]) => ReactNode

Fires before the ColumnMenu renders. Use to override the entire rendering. defaultRendering contains the menu button and popup elements (and license watermark when present).

sort?

SortDescriptor[]

Sets the SortDescriptor[] applied to the data.

sortAsc?

boolean

false

Shows the ascending sort button when true.

sortDesc?

boolean

false

Shows the descending sort button when true.

Not finding the help you need?
Contact Support