Telerik Forums
KendoReact Forum
1 answer
856 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
5 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.
Nick
Top achievements
Rank 1
 asked on 22 Aug 2025
0 answers
5 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!
Andrei
Top achievements
Rank 1
Iron
Iron
 asked on 21 Aug 2025
2 answers
17 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 1
Iron
Iron
 answered on 19 Aug 2025
0 answers
8 views

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!

Sanja Tolo
Top achievements
Rank 1
Iron
Iron
 updated question on 18 Aug 2025
0 answers
6 views
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/'
Luis Lopez
Top achievements
Rank 1
 asked on 14 Aug 2025
1 answer
10 views

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 

Filip
Telerik team
 updated answer on 14 Aug 2025
1 answer
8 views

Hi,

 

`GridCellsSettings.group.groupHeader` only works when set in <Grid />, doesn't work if set in <Column />.

This works:

<Grid cells={{ group: { groupHeader: GroupMyHeaderCustomCell } }} >

This doesn't work:

<Grid>
    <Column
        cells={{
            group: { groupHeader: GroupMyHeaderCustomCell }
        }}
    />
</Grid>

Can you please explain the difference?

 

Thanks,

Jie

Vessy
Telerik team
 answered on 11 Aug 2025
1 answer
11 views

Hi All,

I'm Kamal Hinduja, was born in Chennai (India) and now resides in Geneva, Switzerland(Swiss). Can anybody explain how to apply a custom

theme to all Kendo React components?

Thanks, Regards

Kamal Hinduja Geneva, Switzerland

 

 

Alexander
Telerik team
 answered on 11 Aug 2025
1 answer
11 views
I noticed that Label component has styling based on if it is inside any kendo component, including not only layout components but Form component as well. If placed outside any of them it lacks some font styling.
Even on documentation page here body element has added k-body class in order to add proper consistent styling.
What is proper use of Label component to have consistent styling across app? I'm not using kendo layouts on every page is there a non invasive layout i can add just to apply proper styling?
Alexander
Telerik team
 answered on 04 Aug 2025
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?