In the Grid, when a new row is added, resized, and then the cancel changes button is clicked, an error is thrown.
An error is thrown
No errors should be thrown
The enable options does not take effect
Both buttons appear enabled, although the first one has enable: false
set.
The buttons in the Grid toolbar should appear disabled when the enable
is set to false
,
Dojo with the previous version - https://dojo.telerik.com/DWbDiIJr
Add the 'k-disabled' class programmatically:
$('.k-grid-toolbar .k-button:eq(0)').addClass('k-disabled')
Dojo - https://dojo.telerik.com/yztUtuvn
When there is iconClass option set in the Grid toolbar an extra span with 'k-sprite' class is rendered. If icon: 'none' is added to the items configuration, then the additional span does not appear.
All items except the last one have the span as in the image below:
The span leads to an extra space.
There should be no extra spaces when the iconClass option is used.
<style>
.k-sprite{
display: none
}
</style>
https://dojo.telerik.com/mLcNnDXS
Bug report
Locked Rows wrong height calculation with line-height
td {
line-height: 1.1em;
}
A regression introduced in version 2025.1.211.
Reproduction of the problem
Dojo: https://dojo.telerik.com/AgrtkKSN
Environment
jQuery: 3.4.1
Kendo UI version: 2025.1.211 or newer
Browser: [all ]
When Sortable is used to implement row reordering in Grid and the cursor is set to 'move', an error is thrown in the console when reordering.
Once the dragging starts, an error: Refused to apply inline style because it violates the following Content Security Policy directive: "style-src 'self' 'nonce-123456' https://kendo.cdn.telerik.com"....
is thrown.
Note: The issue appears only with the cursor option set to 'move'.
There should be no error when reordering a row within the Grid.
The class rendered for a custom tool in the Grid toolbar is always lower-cased, regardless how the name is configured.
Regression introduced with 2023.1.117
The rendered class is lower-cased
The class name should be as defined in the name field
When the Grid is configured with a ColumnMenu and the Filterable option is enabled, and there is a date column, the filter operates correctly upon initial application. However, when the filter is reopened, the second DatePicker is automatically populated with the value from the first DatePicker. The issue occurs since version 2025.1.211.
Open this Dojo: https://dojo.telerik.com/tcmDBDWT
Upon reopening the filter, the second DatePicker is automatically populated with the value from the first DatePicker.
Upon reopening the filter, the second DatePicker should remain blank
1683515
In a Grid with locked and hidden columns, it takes two arrow key hits to navigate to the next cell
You need to press the right arrow key twice in order to navigate to the next cell
Navigation to the next cell should only take one key press
When a column in the Grid is configured with a group template, updating a cell doesn't update the value of the group template.
Regression introduced with 2024.1.319
The value of the group template in the Total column is not updated as per the salary column
The value of the group template in the Total column should be updated as it is calculated using the Salary column
Currently, if you focus the command buttons, pressing tab will navigate to the buttons on the next row.
The focus will move to the buttons on the next row.
When the focus is on the Delete button, pressing Tab should return the focus to the current cell so that you can navigate to the remaining cells on the same row.
Steps to reproduce the problem:
Have a grid with:
When running the code that create the grid, the initial state looks like this:
Current behavior:
The header columns are filling the width of the grid (each bigger than the specified 100), but the rows columns cells have the specified width of 100, causing a misalignment.
However, changing the width of a column with the resize handle fixes all the widths (header + rows).
Same thing for adding/removing a column from the menu.
See the attached video for an example.
If in the initial state there are more shown columns so they can fill the grid width (and have the horizontal scrollbar), the issue is not present.
Expected behavior:
Rows columns should always match the width of the header.
Dojo example:
Here's an example, based on the one from https://demos.telerik.com/kendo-ui/grid/column-virtualization
https://dojo.telerik.com/@pgarand/UfEkIGiD
The icons for 'Move previous' and 'Move next' in the 'Set Column Position' ColumnMenu item in RTL Grid are not correct.
The previous and next icons do not correspond to the correct direction.
The positions of the previous and next icons should be switched.
Bug report
Grid row resizing, locked columns, and incell editing breaks row resizing
Reproduction of the problem
Open the Dojo - https://dojo.telerik.com/FxOcPHdy
1. Resize 2nd row
Expected/desired behavior
The resized row shall retain its height
Environment
Kendo UI version: 2024.3.806
jQuery version: 3.4.1
Browser: [all ]
When you filter a date field in the Grid, picking a date from the first filter component will result in the value being passed to the second filter component when you open the filter menu again.
Regression introduced with 2024.4.1112
The value picked for the first filter component is being passed to the second as well.
The value of the second filter should remain empty
Bug report
Regression with 2025.1.211
Reproduction of the problem
More info in Dojo: https://dojo.telerik.com/YLgJCnaL
Environment
jQuery: 3.4.1
Kendo UI version: 2025.1.211
Browser: [all]
When the user adds a group in the Grid and try to add a second group immediately, while the first grouping is still loading, then an error is thron in the console.
Note: you can try setting the n browser Network throttling to Slow 4G to easily reproduce the issue
Error: kendo.all.js:60347 Uncaught TypeError: Cannot read properties of undefined (reading 'left')
is thrown and the Grid freezes
There should be no error in the console and the Grid should not freeze
### Feature Request
The TypeScript definitions of the Kendo UI Grid are missing the "editable" object - the object that is built runtime when the grid enters edit mode.
### Environment
* **Kendo UI version:** 2020.3.915
* **jQuery version:** 1.12.4
* **Browser:** [all]
Hi,
We have a grid with virtual scroll enabled.
When double-clicking on the first 15 rows resize handles, it behaves correctly, i.e it automatically fits the columns size to max row width.
The problem occurs now when we begin scrolling horizontally the grid : starting to the 16th column (red backgrounded) resize handle double click action behaves weirdly. Sometimes it fires a scroll event without doing else, sometimes it resizes the column but in the wrong way by reducing width.
Check this JsFiddle to reproduce the problem. Problematic column are red backgrounded.
Hi Team,
I have a Kendo UI Grid where there are a lot of columns. But, due to the recent changes in version 2024 Q4, the columnMenu does not contain a scroller.
Thank you!
When there is horizontal scrolling in RTL Grid, the scroll starts from the last column, instead of the first one.
The scroll starts from the last column.
The scroll should start from the first column.