• What is KendoReact
  • Getting Started
  • Server Components
  • Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

Hide the DropDownList with the operators in the columnMenu of the Grid

Environment

Product Version5.14.1
ProductProgress® KendoReact

Description

I want to display columnMenu in the Grid columns without the DropDown for changing the operators. Can I achieve this without a custom filter and re-use the filter input?

Solution

Wrap the GridColumnMenuFilter in a DIV element with specific className and use that class name as a selector to hide all elements within the DIV with ".k-dropdownlist" class.

Following is an example demonstrating this approach

Example
View Source
Change Theme:

In this article

Not finding the help you need?