Bug Report
When creating the Grid from pre-defined HTML table, the header cells are missing classes. That results in inconsistency when using the Themebuilder to style the component.
Reproduction of the problem
- Open this Dojo example, which contains a Themebuilder-generated stylesheet - https://dojo.telerik.com/wpmTrWPf/3
Current behaviour
The HTML for the first column is manually added to the predefined markup. The second column is left as it is. As a result, the second column is not being styled according to the stylesheet because it is missing HTML and classes
Expected behaviour
The Grid should render the column headers as if (or at least similar ) they are defined through the columns configuration.
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
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!
Hi Team,
I would like to request to add Excel exporting for the Grid to include Selected rows, including checkbox selection.
Thank you!
I would like to request a way to set the edit modes for different data operations. For example, for Updating, use Inline and for Creating, use Popup.
Thank you!
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
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.
Reproduction of the problem
Open this Dojo: https://dojo.telerik.com/tcmDBDWT
Current behavior
Upon reopening the filter, the second DatePicker is automatically populated with the value from the first DatePicker.
Expected/desired behavior
Upon reopening the filter, the second DatePicker should remain blank
TicketID:
1683515
Environment
- Browser: [all]
Bug report
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
Reproduction of the problem
- Open this Dojo example - https://dojo.telerik.com/JukWtLSF/2
- Group the data by the name column
- Edit a cell in the salary column
Current behavior
The value of the group template in the Total column is not updated as per the salary column
Expected/desired behavior
The value of the group template in the Total column should be updated as it is calculated using the Salary column
Environment
- Kendo UI version: 2025.1.227
- Browser: [all]
Add support for flexible width to columns on a "weight" basis (like XAML grid).
Ps. I'm writting the example in MVC wrappers because I'm not familiar with the javascript initialization but I am posting this in Kendo UI Web category because it's a core feature and assume it would be implemented accordingly in every wrappers without having to specify them.
@(Html.Kendo()
.Grid<Employee>()
.Name("EmployeesGrid")
.Columns(cols =>
{
cols.Bound(o => o.FirstName).Width("*");
cols.Bound(o => o.LastName).Width("2*");
cols.Bound(o => o.Initials).Width("Auto");
cols.Bound(o => o.JobTitle).Width("200"); // Or 200px
}))
-Assuming the grid is 900 pixel wide and the longest Initials (including header?) is 100 pixel
-Ignoring the lost horizontal space in padding, margin, borders, scrollbars and anything else
This example would give the following result:
FirstName column: 200px
LastName column: 400px
Initials column: 100px
JobTitle column: 200px
The Grid should optionally select an entire row instead of individual cells within a row. Use Case: In my app, the cells are all read-only. Below just about every grid in the app is a details view (showing the selected grid row) and I want them to have up/down keyboard navigation on every grid within the app. This should be a simple configuration setting but there is currently no easy way to get this behavior.
Hi,
In my kendo grid , when i apply a filter to 2 columns, first i apply filter to numeric column which results in no value and then after that i applies the filter to a string column combined with numeric column which also results to no value, Nothing is displayed. But when i remove the value from textbox of numeric column and enter filter, no data being displayed as string column filter is there but in case i remove the value from textbox of string column and enter filter , numeric column filter also got removed.
I also checked the kendo functionality , but not getting any solution for this problem.
Hallo,
i have a grid with a lot of data for a better representation i show some related values with a template in the cell below each other.
This solution is not optimal because I don't have the filter and sort function in the column header for every single field.
Enclosed an example https://www.igniteui.com/grid/multi-row-layout which illustrates my wish.
I would be happy if you implement this feature in a future release.
Link to GitHub issue - https://github.com/telerik/kendo-ui-core/issues/4705
### Reproduction of the problem:
1. Run this dojo
2. Collapse one or more of the subCategory groups
3. Collapse the category Group
4. Expand Category
### Current behavior
The aggregate rows are missing and the locked and unlocked content is misaligned
### Expected/desired behavior
Rows should be aligned
The following event-handler does not work when run in a mobile environment (iPad). Otherwise it works as expected:
Result: all columns a set to their minimum width.
var grid = $("#grid").kendoGrid({
dataSource: dataSource,
columns: [
// ...
],
columnShow: function (event) {
console.time('autoFitColumn');
for (var i = 0; i < this.columns.length; i++) {
var col = this.columns[i];
this.autoFitColumn(i);
}
console.timeEnd('autoFitColumn');
},
// ...
filterable: true,
sortable: {
mode: "multiple",
allowUnsort: true
},
pageable: true,
reorderable: true,
scrollable: true,
columnMenu: true,
mobile: true,
});
The autofix column feature does not work properly if you enable sorting on the grid. You can see the issue if you open the Dojo for the following demo: https://docs.telerik.com/kendo-ui/knowledge-base/grid-autofit-all-columns-width
If you sort e.g. by column "Ship Country" and sort ascending you will see the name of the column ending with "..." but not the icon for the sort direction. If you press the column again and sort descending than everything works as expected - the column width increases and the icon is show.
I tested the problem in multiple browsers, but the main browser I have to support will be the IE.
BR,
Christian
Hello Support Team,
with jQuery 3.3.1 the resizable option set to true is not working with the configuration in the example below. When removing other options like "toolbar" or "scrollable" it works. :D
See the following example: https://dojo.telerik.com/IkigawaX
With jQuery 1.x everything works fine.
Regards
Alexander
Hi,
Bring up an RTL kendo Grid which has resizable true and filter mode is "row".
then try to resize the grid from filter-row of grid. we will see an internal js error.
you can copy and paste this code in a dojo sample and resize grid from the point is shown in the attached picture.
<div class="k-rtl"><div id="grid"></div></div><script>
$("#grid").kendoGrid({
columns: [
{ field: "name" },
{ field: "age" }
],
filterable: {
mode: "menu, row"
},
resizable: true,
dataSource: {
data: [
{ id: 1, name: "Jane Doe", age: 30 },
{ id: 2, name: "John Doe", age: 33 }
],
schema:{
model: {
id: "id",
fields: {
age: { type: "number"}
}
}
}
}
});
</script>
Hi,
It would be great if the KendoUI Grid could be enhanced to automagically recognize when it's grouping by a date field and then offer additional options to group the dates by Day, Week, Month, Quarter, or Year.
Thank you.
Barry
Hello guys,
I am stuck with this problem for some time now. Everything works well with mouse, I can drag and drop column into grouping header normally. But on touchscreens I can't drag it. I am interested if anyone has had this issue?
It would be nice if additional template variables where available, the only two: pageNum & totalPages are not enough.
Consider Time of Day & Filename at a minimum.
https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/pdf.template