Telerik Forums
KendoReact Forum
1 answer
161 views
Hi,

I noticed that grid column becomes not resizable when using tooltips in grid, even if thProps are passed.

I edited stackblitz of this official example:
React Render Tooltips for Grid Cells - KendoReact

got:
myEditedExample

Is it a bug or am I missing something?

Thanks,
Bohdan
Yanko
Telerik team
 answered on 04 Feb 2026
1 answer
191 views

Hi, 

I am looking for a solution for locked custom column and I bumped into some example, but seems like it's already outdated and not working anymore at least due to missing 'cell' property in GridColumn component and missing tdProps in GridCellProps interface.

Is there any chance to bring the example up-to-date?
or are there any fresh articles/knowledge-base related to this problem?
example

related post here:
related forum post

Thanks,
Bohdan

Vessy
Telerik team
 answered on 03 Feb 2026
1 answer
39 views
Hello.

After adding 150-200 cards UI starts to lag.

What are the best practices to optimize KendoReact TaskBoard performance with a large number (e.g. 500+) of cards?

Thanks. 
Filip
Telerik team
 updated answer on 26 Jan 2026
1 answer
85 views

We have a strange issue with the newest Grid component. I have this issue recreated here: https://codesandbox.io/p/devbox/proud-forest-v49cp6

The upper most input element is just to trigger state change. To see the issue:

  1. Click on Edit in any row in the grid to start inline editing of that row
  2. Start typing in the upper most input field (above the grid) 
  3. After each letter the Grid will get focus preventing me from writing in the input!!!

Now if I enable editing in two rows at once (two rows are in edit state) this behavior is absent and I can normally type in my input above the grid. What is wrong?

 

Filip
Telerik team
 updated answer on 09 Jan 2026
1 answer
46 views

Hi,

If Grid's last column has a long title, trying drag-n-drop to group that last column will get stuck. The mouse cursor's title box is too wide, it overflows to outside of the grid, then the cursor can't be moved anymore.

To reproduce, use this example - https://www.telerik.com/kendo-react-ui/components/grid/grouping, resize the browser to a smaller size so that "Category Name" column title fill up the entire column width. Then try to drag "Category Name" column.

Please see the attached screenshot too.

Thanks,

Jie

Vessy
Telerik team
 answered on 06 Jan 2026
1 answer
57 views

Hi Team,

I want to use the `GridToolbarColumnsChooser` in the Grid Toolbar (example) but there isnt any obvious way to customize the selectable visible/columns. In my use case, not all columns can be hidden, but there is no control in this component to do so.

I see there is a GridColumnMenuColumnsChoose, which accepts a single 'column' property, not sure if this is intentional, or maybe this is not what im looking for?

Anyway, any help to be able to customize the list of selectable columns would be helpful.

Thanks,
Grant

Filip
Telerik team
 answered on 01 Jan 2026
1 answer
83 views

I am getting the following WARNINGS

 

$_default-colors: $kendo-colors

from

node_modules/@progress/kendo-theme-bootstrap/scss/core/_index.scss 23:5 @forward

 

$_default-elevation: $kendo-elevation,

 

$_default-font-sizes: $kendo-font-sizes,

 

I am giving only some examples. Is there a way to fix these warnings.

Please help

Thank you

 

Yanko
Telerik team
 answered on 30 Dec 2025
1 answer
179 views
Hi Telerik Team,

How can I force on header/footer click to not to close a dropdown?
I want "Select All" to be a part of header, not to be a part of list of items as mentioned here:
https://stackblitz.com/edit/kendo-react-multiselect-checkboxes-hfkoyn?file=app%2Fmain.jsx

Btw, this (if all dependencies updated) doesn't work anymore:
https://stackblitz.com/edit/react-7vxshz-mo7jrl?file=app/main.jsx

Regards,
Bohdan
Yanko
Telerik team
 answered on 19 Dec 2025
1 answer
76 views

In KendoReact Grid, when using grouping with multiple hierarchy levels, the Grid automatically adds extra horizontal space inside the <td> elements (indentation for group levels).

Technically this makes sense, because each group level needs visual offset.
However, the problem is that there is no built-in way to control or configure this spacing.

As a result:

  • extra empty space appears inside <td> cells

  • the Grid content becomes wider than expected

  • this breaks layout and design, especially in custom UI / strict design systems

Why doesn’t KendoReact Grid expose any API or configuration to control this indentation / spacing for grouped rows?

Is there:

  • an official way to customize or limit this space?

  • a recommended approach to override or manage this behavior without breaking Grid internals?

Any guidance or best practices would be appreciated.

Example:

Vessy
Telerik team
 answered on 16 Dec 2025
1 answer
81 views

In KendoReact Grid, when using grouping with multiple hierarchy levels, the Grid automatically adds extra horizontal space inside the <td> elements (indentation for group levels).

Technically this makes sense, because each group level needs visual offset.
However, the problem is that there is no built-in way to control or configure this spacing.

As a result:

  • extra empty space appears inside <td> cells

  • the Grid content becomes wider than expected

  • this breaks layout and design, especially in custom UI / strict design systems

Why doesn’t KendoReact Grid expose any API or configuration to control this indentation / spacing for grouped rows?

Is there:

  • an official way to customize or limit this space?

  • a recommended approach to override or manage this behavior without breaking Grid internals?

Any guidance or best practices would be appreciated.

Example:

Vessy
Telerik team
 answered on 16 Dec 2025
Narrow your results
Selected tags
Tags
General Discussions
Grid
Wrappers for React
Charts
Scheduler
Filter 
DropDownList
Form
Styling / Themes
DatePicker
Editor
TreeList
Styling
PDF Processing
ComboBox
Excel Export
Dialog
Input
TreeView
Upload
Drawer
Button
Drag and Drop
MultiSelect
Tooltip
Accessibility
NumericTextBox
Checkbox
Menu
Gantt
DateTimePicker
PDF Viewer
Popup
Window
AutoComplete
DateInput
Sortable
Data Query
Drawing
Licensing
TabStrip
Calendar
Pager 
Labels 
Localization
TimePicker
GridLayout
FontIcon
Animation
PanelBar
PivotGrid
Card
DropDownButton
TaskBoard
Conversational UI 
DateRangePicker
Splitter
Badge 
Security
Slider
Spreadsheet
ContextMenu
MultiViewCalendar
Stepper
MultiColumnComboBox
MultiSelectTree
TextBox
AppBar
File Saver
ListView
MaskedTextBox
RadioButton
Switch
TextArea
Toolbar
DropDownTree
TileLayout
Map
Avatar
Date Math
Gauge
RadioGroup
RangeSlider
Rating
Loader
ExpansionPanel
SvgIcon
Typography
ProgressBar
ScrollView
Popover
StockChart
RadialGauge
Server Components
AIPrompt
Page Templates / Building Blocks
AI Coding Assistant
Chat
ColorGradient
ColorPalette
ColorPicker
Notification
Ripple
Skeleton
ButtonGroup
Chip
ChipList
FloatingActionButton
SplitButton
ActionSheet
Barcode
QR Code
FlatColorPicker
Signature
BottomNavigation
BreadCrumb
StackLayout
Timeline
ListBox
ChunkProgressBar
Sparkline
FileManager
ArcGauge
CircularGauge
LinearGauge
ExternalDropZone
OrgChart
Sankey
VS Code Extension
InlineAIPrompt
SpeechToTextButton
Chart Wizard
Agentic UI Generator
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?