Questions on KendoReact Forum

1 answer

864 views

GridColumn values property not exists in React version of Kendo grid

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.

Grid

answered on 10 Aug 2022

1 answer

13 views

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

22 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

7 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

10 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

16 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

20 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

18 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

updated question on 18 Aug 2025

0 answers

12 views

git credentials for KendoReact source code?

how do i obtain git credentials for the source code? I tried the instructions but my Telerik account email and password didn't work (I entered my Telerik email and pass into the git credential manager popup):

$ git clone https://kendo.git.progress.com/kendo-react-private.git
Cloning into 'kendo-react-private'...
fatal: Authentication failed for 'https://kendo.git.progress.com/kendo-react-private.git/'

General Discussions

asked on 14 Aug 2025

1 answer

13 views

Grid group footer is not sticky

Hi,

Please see the example - https://codesandbox.io/p/sandbox/silly-wind-tpfg8n

When column "Unit Price" is locked, while moving the horizontal scroll bar, the group header is sticky (expected behavior), but the group footer is not sticky (wrong behavior).

Thanks,

Jie

Grid

updated answer on 14 Aug 2025