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
Enhancement
Include page size `All` to work for restoring options with setOptions()
Reproduction of the problem
Currently the `All` page size is not working correctly when filtering is applied/cleared
Dojo: https://dojo.telerik.com/hAenriDe
1. Set page size to `All`.
Environment
Kendo UI version: 2024.4.1112
jQuery version: All Supported Versions
Browser: all
Expose the ability to explicitly alter a given column's width upon exportation. Currently, such an implementation would require either a:
Hi Team,
I'd like to request a built-in way to define a column to be reorderable. This would help allow specific columns to be reorderable and prevent animation from occurring when using the approach in this Kendo UI knowledge base article.
Thank you!
Hi Team,
I'd like to request the functionality to add the pager to the top and bottom of the Grid. I did see this request which set the Top OR Bottom position, but I'd like to see both in the future.
Thank you!
Hi Team,
I'd like to request by default to resize the Kendo UI Grid's total width by default when using the AutoFitColumns method.
Thank you!
It will be really helpful if the Grid allows scroll down as you try to select more elements that are outside of the visible view.
This is one of known limitations of the widget: https://docs.telerik.com/kendo-ui/controls/grid/selection#select-modes
Hi Team,
I would like to request a way to configure the allowPaste feature to paste the row above or below the selected row/cell.
Thank you!
Environment (OS, Application, Versions): Chromium Edge Version 119.0.2151.72 (Official build) (64-bit)
Repro Steps :
Actual Results: User is not able to group/ungroup the table column header using keyboard with CTRL + SPACE key.
Expected Results: User should be able to group/ungroup the table column header using keyboard with CTRL + SPACE key.
The row reordering functionality does not work correctly when the draggable column has a small width.
https://dojo.telerik.com/@user192/ipOyacoH
Open the Dojo and try to reorder a row. The icon inside the hint will keep changing and in some cases you won't be able to drop the row to the expected position.
If you move the hint a bit to the right(towards the next column) this behavior disappears.
The reorder hint shimmers and in some cases does not allow for reordering. This occurs when the column width is small(30px in the example).
Reorder should work as expected, regardless of the column width.
Introduce an expression builder for specifying filtering the grid by custom rules. Similar to the RadGrid for Silverlight: http://demos.telerik.com/silverlight/#ExpressionEditor/FilteringGridView
Expose "columns.command.text.add" configuration for changing the Popup's editable when Add operations are performed. Similar to that of the columns.command.update.