When a user clicks on a locked column header (for example for sorting), the focus unexpectedly shifts to the first unlocked column instead of remaining on the clicked header.
The visual/keyboard focus immediately moves to the first unlocked column. If the user clicks the second locked column, the focus shifts to the second unlocked column.
Clicking on a locked column should retain focus on that column, not move to another grid column.
The issue is a regression starting with 2022.3.913 version
Bug report
Grid in adaptive mode does not allow column resizing on mobile devices
Reproduction of the problem
adaptiveMode: "auto"
Dojo: https://dojo.telerik.com/wrQNuNbR
Run on a mobile device and try to resize
Environment
jQuery: 2025.2.520
Kendo UI version: 2025.2.520
Browser: [all ]
Hi Team,
I would like to request more live demos/samples which use Kendo UI for jQuery in ASP.NET Core web applications.
Thank you!
Hi Team,
I would like to request a way to be able to pass a string value to a numeric column without schema.parse or changing the model to object. This would allow us to use all sorts of functions/behaviors related to the number type (filtering, editing, etc.).
Thank you!
In a Grid with locked columns, there's an invalid aria-selected attribute on tr
elements in the locked columns.
The tr role='none'
element has invalid aria-selected attribute
The element shouldn't have the aria-selected attribute.
Hi Team,
I would like to request for the Grid the functionality to allow copying but to be able to configure row or cell copying without being dependent on selection mode. For example, a grid with multiple/row selection, but configured to select a cell.
Thank you!
In a Grid where the filterable.extra is set to false, the data is not filtered correctly.
Regression introduced with 2025.2.520
The column is empty after the second filtering
The data should be filtered correctly
Currently, the Typescript definition is missing information about all the possible options of the context menu, such as contextMenu.groups, contextMenu.close, etc.
Revise the typescript definition of the Grid context menu and add the needed options.
Hi Team,
I would like to request the Kendo UI Grid's navigation should focus on the <tr> element instead of the cell for a true row-level keyboard interaction.
Thank you!
Hi Team,
I would like to request a way/demo to have AutoSync for the dataSource and be able to stay in edit mode in the Kendo UI Grid.
Thank you!
When the Grid is in RTL mode and has horizontal scroll it does not autoscroll when the user try to reorder columns.
The horizotnal scroll does not move when dragging. In non-rtl mode the horizontal scroll autoscrolls while dragging a column.
The behavior in RTL mdoe should be consistent with non-rtl. The horizontal scroll should move when dragging a column.
I need to get the output of a grid saving to pdf without sending the resulting PDF directly to the user. For example, a PDF export option "localexport: true" which would return the data to code instead of directly to the client.
Currently, the file data can be retrieved using the private _drawPDF method:
var grid = $("#grid").data("kendoGrid");
var progress = new $.Deferred();
grid
._drawPDF(progress)
.then((root) => {
return kendo.drawing.exportPDF(root, grid.options.pdf);
})
.done((data) => {
console.log(data);
});
Example: https://dojo.telerik.com/rjEORuHy.
However, the approach does not work well in all scenarios for example, when there are multiple pages - https://dojo.telerik.com/iiifASYZ/2
Thus, I would like to have a built -in method that will be suitable for all scenarios to generate and retreive the file data, without sending the file to the client.
Bug report
Grid's loader gets lost in the scrollable area height is greater than the viewport height
Reproduction of the problem
Dojo: https://dojo.telerik.com/hqknEyYx/2
Run and click on Export to Excel button
Worakround: https://dojo.telerik.com/gSsYgQpZ
excelExport: function (e) {
let gridHeight = $("#grid").height();
if (gridHeight < 700) {
$("div.k-loader-container-inner").addClass("smallHeight");
} else {
$("div.k-loader-container-inner").addClass("biggerHeight");
}
}
...
<style>
div.loaderPosition {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
div.biggerHeight {
position: absolute;
top: 50vh;
left: 50%;
transform: translate(-50%, -50%);
}
</style>
Environment
Kendo UI version: [all[
jQuery version: 3.4.1
Browser: [all]
Reordering using clickMoveClick in the Grid is very inconsistent.
The targeted row is not being reordered
The targeted row should be reordered
Hi Team,
I would like to request a way to turn off or toggle double tap editing for mobile Kendo UI Grids with incell editing introduced in R3 2023.
Thank you!
Hi Team,
I would like to request to add Excel exporting for the Grid to include Selected rows, including checkbox selection.
Thank you!
Bug report
rowspan and locked columns misaligns rows in non-locked table
Reproduction of the problem
Dojo: https://dojo.telerik.com/BqAphtbF
Expected/desired behavior
Rows shall be aligned
Worakround
Define a dummy column
{
field: "country", width: 0
}
Dojo: https://dojo.telerik.com/AeYBdQFO
TicketID: 1673441
Environment
jQuery: 3.4.1
Kendo UI version: 2024.4.1112
Browser: [all]
<div data-role="grid" data-editable="true" data-toolbar="['create', 'save']" data-columns="columns" data-bind="source: products}"></div> var viewModel = kendo.observable({ products: ... columns:[ {field:"id", width:50}, {field: "name", width:200} ...etc ] });
I have a Kendo Grid that follows the Set Multi-Checkbox Filtering to Use contains instead of equalTo.
This works, I am able to filter the Grid on contains condition; but after filtering and opening the column filter again, the checkbox is not selected and shows unchecked.
I managed to fix the issue and persist the checkbox selection using the following approach:
columnMenuOpen: function(e){
if(e.sender.dataSource.filter()){
e.sender.dataSource.filter().filters.forEach(function(f){
if(f.field == "OrderID" || f.field == 'ShipCountry') {
var checkbox = e.container.find("input[value='"+f.value+"']");
if(checkbox[0] && !checkbox[0].checked){
e.container.find("input[value='"+f.value+"']").click()
}
}else if(f.filters[0].field == "OrderID" || f.filters[0].field == 'ShipCountry'){
var current = f.filters;
current.forEach(function(filter){
var checkbox2 = e.container.find("input[value='"+filter.value+"']");
if(checkbox2.length > 0 && !checkbox2[0].checked){
e.container.find("input[value='"+filter.value+"']").click()
}
})
}
})
}
},
Demonstrated also in the Dojo linked here - https://dojo.telerik.com/MBDcImcj.
I would like to see the functionality built-in, so I don`t need to customize the Grid behavior in its columnMenuOpen/filterMenuopen event hanldlers
Regards