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

Ignore diacritics in the Grid filtering

Environment

Product Version5.16.1
ProductProgress® KendoReact

Description

How can I ignore the diacritics in the Grid filtering?

Solution

You can achieve this by rendering a custom filter cell and normalizing the passed value. First, pass a custom filter cell to the filterCell prop of a GridColumn. In the custom filter cell, render the needed component which will apply the filtering, and in props.onChange which controls the input value, remove the diacritics from event.target.value using normalize.

This is an example demonstrating this implementation:

Example
View Source
Change Theme:

In this article

Not finding the help you need?