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!
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.
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 with popup editing, the Save button is clickable multiple times until the popup closes, which results in multiple Update requests
Regression introduced with 2024.2.514
The Save button is not disabled after the first click, and multiple Update requests are sent
The Save button should be disabled to avoid multiple Update requests
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!
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
I have tested this on your example for local data grid. It can be applicable also for remote grid, treelist, etc.
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]
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 ]