Questions on KendoReact Forum

1 answer

70 views

[Solved] Lack of localization of text for "columnMenu" in TreeList component

Hello! Could you please explain how to localize text in columnMenu?

I have forked an example from the documentation: TreeList Globalization, and added columnMenu to it.

My sandbox example here

But despite the expectation that it will also be translated into Spanish, as well as filter, I see a standard text that cannot be replaced / translated by LocalizationProvider:

Is this a known problem? Will this issue be fixed? Or maybe I somehow set up sandbox example incorrectly?
I will be grateful for explanations.

Thanks in advance,

Ekaterina.

Filter

TreeList

answered on 23 Sep 2025

1 answer

112 views

How to customize Checkbox column in React DataGrid to hide/show conditionally

Hi All,

I want to achieve a feature using DataGrid. Lets say we are binding Orders in the grid with Active and Order ID column

1. If Order is "Active" then I would like to show Checkbox to select that row. The row should be highlighted upon selection just like the default row selection behavior in Kendo React Grid

2. If Order is "inActive" then I would like to hide the checkbox. I do not want to make it visible disable checkbox.

Please suggest if anyone has done this kind of implementation earlier. Please suggest any OOTB configuration or customization if we have any for Checkbox Column.

Grid

GridLayout

answered on 23 Sep 2025

1 answer

93 views

Webstorm Support for AI

Hi all

I"m a user of Webstorm from JetBrains as part of my IDE suite. I've no real plans to go back to Visual Studio Code, however, I would like to be able to use the AI features, of which I can only find the implementation in VS.

What are the plans to support Webstorm?

AI Coding Assistant

answered on 16 Sep 2025

1 answer

110 views

[Solved] How to hide grid's no record message?

Hi

How to hide grid's "no record" completely? I just want to leave the grid blank, without the "No Records Available" block.

Thanks,

Jie

Grid

answered on 08 Sep 2025

3 answers

121 views

When grouping the grid, not all rows are displayed.

I use a grid with grouping and virtual scrolling. In the example, the length of the data array is 20, take is 10. If we group the grid, we will see only 10 elements. When sorting a group, the data changes, but there are still 10 of them. How do I create grouped data correctly so that all groups and all data are displayed?

https://stackblitz.com/edit/react-kkjtitaq?file=app%2Fapp.tsx,app%2Fgd-sample-products.ts

Thanks!

Grid

answered on 03 Sep 2025

0 answers

76 views

Want to add a button inline with the kendo React tab

I have created a kendo tabstrip with 2 tabs. I want to add buttons inline with the tabs and to their extreme right. I have attached a screenshot of the functionality I want to achieve.

TabStrip

asked on 02 Sep 2025

1 answer

63 views

Kendo React : Determine value of specific theme color

How can I get the value of a specific theme color (at runtime). For example, background/foreground of a selected row in a grid? background/foreground of a focused row in a grid? I have my own non-Kendo React components that I want to blend with the selected Kendo React theme.

Styling / Themes

answered on 26 Aug 2025

1 answer

82 views

How do scroll the grid so that the selected row is at the bottom of the displayed list?

Hey Team!
I use a grid. I will describe a simplified example of my task.
If you scroll up the grid and press button 20, scrollIntoView will scroll through the grid so that the row under index 20 will be at the top of the visible grid list. This behavior is expected. But if I scroll to the bottom of the grid and press button 20, I need the row under index 20 to be at the bottom of the displayed list. How to achieve this behavior?

https://stackblitz.com/edit/react-mcskf5cg?file=app%2Fapp.tsx

Thanks!

Grid

ScrollView

answered on 25 Aug 2025

2 answers

97 views

lockGroups of Grid component

Hello.

I'm using the grid with grouping version 11. I don't set the column widths. A question about the lockGroups property. If you do not use it, the width of the header and grid columns is the same, and the name of the dimension is displayed in one row (example 1).

If you add lockGroups, the width of the header and grid columns does not match and each word of the group name is moved to a separate line (example 2).

If you add width to the columns, then the columns begin to match, except for the last one, but this does not help the names of the groups.

By adding the lockGroups property, how can I save the display of the original grid, where everything matches (as example 1)?

example 1:
https://stackblitz.com/edit/react-qjv8cnyt?file=app%2Fmain.tsx,app%2Fapp.tsx

example 2:
https://stackblitz.com/edit/react-qjv8cnyt?file=app%2Fapp.tsx

Thank you!

Grid

answered on 19 Aug 2025

0 answers

129 views

Kendo React DatePicker with clearButton should reset to initial placeholder + floating label state

Hi Kendo React team,

I’m using the Kendo React DatePicker with dateInput and clearButton={true}.

Here’s the behavior I’m seeing:

Initial state: The input shows the floating label (Date Start) and the placeholder (dd.MM.yyyy.).
When a value is selected: The date is shown correctly in the input.
After pressing the clear button: The input shows only the placeholder (dd.MM.yyyy.), but the floating label does not reset to the initial state.

What I would like instead is that when the clear button is clicked, datePicker should return to the exact same initial state.

I’ve attached a screenshot showing the three states (initial, selected, and after clear) for clarity.

Version is: @progress/kendo-react-dateinputs: "9.3.1"

Thanks!

DateInput

DatePicker