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 ]
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
Reordering using clickMoveClick in the Grid is very inconsistent.
The targeted row is not being reordered
The targeted row should be reordered
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.
Bug report
Download Builder Tool does not add all dependencies for Grid
Reproduction of the problem
Download Builder Tool does not add Chip and ChipList as dependencies that are needed when grouping is enabled.
Expected/desired behavior
Al dependencies shall be added to the Grid
Environment
Kendo UI version: [all]
Browser: [all]
Bug report
Grid with ColumnMenu groups in combination with multi-column headers gives an error:
kendo.all.js:326079 Uncaught TypeError: Cannot read properties of undefined (reading 'length')
Reproduction of the problem
Dojo: https://dojo.telerik.com/EtEQeBIy
Expected/desired behavior
ColumnMenu groups shall work together with multi-column headers
Environment
Kendo UI version: [all]
Browser: [all]
In a Grid with enabled navigation and custom column cell filter, the input is not focused and hitting Enter does not filter the data.
The data is not filtered.
The data should be filtered.
Bug report
Aria labels for row filter inputs are not descriptive.
Reproduction of the problem
Open this demo: https://demos.telerik.com/kendo-ui/grid/filter-row
Examine aria labels for row filter inputs
Expected/desired behavior
Aria labels should have descriptive names, such as ‘Search value’ or ‘Search term’ for the first input and ‘Filter type’ or ‘Comparison type’ or similar for the second. They should communicate the purpose of the input.
Environment
Kendo UI version: [all]
Browser: [all]
### Bug report
When the adaptive rendering of the Kendo UI Grid is enabled, the filterMenuOpen event is not triggered.
### Reproduction of the problem
1. Set mobile: true.
2. Attach the filterMenuOpen.
Dojo sample for reproduction:
https://dojo.telerik.com/uhiToseD
### Expected/desired behavior
filterMenuInit event should be triggered regardless of the adaptive rendering mode of the grid.
### Environment
* **Kendo UI version:** 2020.1.219
* **jQuery version:** 1.12.4
* **Browser:** [all]