Telerik Forums
KendoReact Forum
1 answer
867 views

I'm migrating KendoUI for jQuery to React. In jQuery version of Kendo Grid was possible to set "values" property to columns with "id" values.

In React version of the kendo grid, the "values" property for the GridColumn component is not available. How can I make the same like in jQuery version?

 

Thanks a lot for an each help.

Wissam
Telerik team
 answered on 10 Aug 2022
0 answers
7 views

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.

Ekaterina
Top achievements
Rank 1
 asked on 20 Sep 2025
0 answers
7 views

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.

Dhavan
Top achievements
Rank 1
 asked on 19 Sep 2025
1 answer
10 views

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?

Yanko
Telerik team
 answered on 16 Sep 2025
1 answer
18 views

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

Yanko
Telerik team
 answered on 08 Sep 2025
3 answers
26 views
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!
Andrei
Top achievements
Rank 2
Iron
Iron
 answered on 03 Sep 2025
0 answers
10 views
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.
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
 asked on 02 Sep 2025
1 answer
12 views
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.
Filip
Telerik team
 answered on 26 Aug 2025
1 answer
20 views
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!
Filip
Telerik team
 answered on 25 Aug 2025
2 answers
22 views
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!
Andrei
Top achievements
Rank 2
Iron
Iron
 answered on 19 Aug 2025
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?