Show placeholder in the KendoReact Grid filter components

Environment

Product Version	5.12.0
Product	Progress® KendoReact Grid

Description

How can I add "Search" text in the Grid filters when they are empty?

Solution

For setting a placeholder text for the built-in Grid filters a combination of using PropsContext (for the DatePicker and the NumericTextBox) for changing the "placeholder" property and pure JavaScript for setting the "placeholder" attribute for simple inputs can be used.

Following is an example demonstrating how to set a placeholder for NumericTextBox, DatePicker and simple inputs for the filter components in the Grid:

Change Theme

Theme

Loading ...