The details for this can be found in ticket #1519224
Given some XML that has child nodes and attributes, I'm binding to a grid with no problem. The child grid for each row (built using detailInit) get's the data from the parent row e.data.get("BillRows")
If those rows have attributes, the '@' signs breaks the javascript for the grid. As you can see in the ticket, every attribute needs to be renamed before I can build the child grid.
Should be a way to use attributes in XML bound to a datasource/grid for all levels of grids.
Rick
Bug report
When custom Virtual DropDownList filter is set the value is not cleared from the DropDownList on Clear button click
Reproduction
https://dojo.telerik.com/ULIgEpis
1. Filter Ship Name column
2. Open the filter menu and hit Clear
3 Open Filter menu again
Expected/desired behavior
Value shall be cleared from the DropDownList
Environment
Kendo UI version: 2021.1.301
Browser: all
Test Environment:
OS: Windows_11Browser: Version 103.0.1264.71 (Official Build) (64-bit)
AT (include version number): Narrator
Repro Steps:
1. Open given URL in Edge Dev.
2. Enable Narrator using 'Ctrl+ Win + Enter' key.
3. Navigate to the filters present on table and activate it.
4. Navigate on the available fields of filter flyout and observe Narrator is announcing label information on fields or not.
Actual Results:
In filter flyout labels are not associated with their respective fields.
Expected Results:
All labels should be associated with their respective labels in filter flyout.
Narrator should also announce the same.
When the Grid has no data, a horizontal scrollbar appears.
Run the Dojo - https://dojo.telerik.com/cwVUBcpz
There is a redundant scrollbar.
When there is a record in the same Grid, the scrollbar does not appear.
There should be no scrollbar when the columns have no width set and the Grid has no data.
<style>
.k-grid-content-expander{
width: 98% !important
}
</style>
Dojo - https://dojo.telerik.com/AFvkthmc
When the Grid is exported with child columns hidden with Multi-column headers, the columns headers are not exported.
The column headers do not all export:
The Grid should export all column headers like when they are not hidden - Dojo :
Explicitly set the parent column's exportable configuration to true - Dojo:
$("#grid").kendoGrid({
columns: [
{ field: "name", title: "Name" },
{
title: "Address",
exportable: true, //set to true
columns: [
{ field: "street", title: "Street", hidden:true, exportable: true },
{ field: "city", title: "City", hidden:true, exportable: true }
]
},
{ field: "phone", title: "Phone" }
]
//....
});
Kendo UI version: 2026.2.520
jQuery version: 4.0.0
Browser: all
Disclaimer: I'm running an older version of Kendo UI for jQuery, so this may have been fixed. I'd like confirmation if so before updating.
Kendo version: 2017.1.118.545
I am creating a grid from a table data source rather than an endpoint call. Other pages that use endpoints to populate the datasource export Excel with no problems.
Example HTML:
<table class="table table-responsive" id="tblReportSummary">
<colgroup>
<col />
<col />
<col />
<col />
<col />
</colgroup>
<thead>
<tr>
<th data-field="date">Date</th>
<th data-field="totalForStatus">Count</th>
</tr>
</thead>
<tbody>
@foreach (var item in ViewBag.ReportDataSummary as IEnumerable<UtilizationListViewModel>)
{
<tr>
<td>@item.Date</td>
<td>@item.TotalForStatus</td>
</tr>
}
</tbody>
</table>
The jQuery is as follows:
$("#tblReportSummary").kendoGrid({
sortable: true,
toolbar: ["excel"],
excel: {
allPages: true,
fileName: "Utilization Data Export.xlsx"
},
pageable: {
pageSize: 20,
pageSizes: [20, 50, 100]
}
});
When I click Export, all I get is an empty Excel file.
Why isn't the data there, please?
If you configure a Kendo Grid with client-side paging, each time you call setDataSource to update the data source then a new .k-pager-numbers-wrap DIV is added to the page controls. I've replicated the problem in Dojo at https://dojo.telerik.com/UTolOzer by taking a basic client-side paging demo, moving the dataSource configuration into a separate function (with data("kendoGrid").setDataSource), and calling that function 25 times. At the end, the source shows the UL element with the page buttons inside 25 .k-pager-numbers-wrap DIV elements.
I first noticed this problem because in my own environment, each nested DIV was shifting the page buttons left 1 pixel and overlapping the "previous page" buttons. In my Dojo example, with 25 nested DIVs the page buttons disappear completely.
I've added the following in my own code as a workaround in the dataBound event of the grid:
var trueParent = e.sender.pager.element.find(".k-pager-numbers-wrap").first();
e.sender.pager.element.find("ul").appendTo(trueParent);
trueParent.find(".k-pager-numbers-wrap").remove();
Hi,
Here is the dojo to reproduce. In this dojo I've created imitation of data, that coming from server in our case. The main idea is to have a grid with lazy loading - it has 10 groups (page 1) and after scrolling down it loads 10 more groups (page 2) and etc.
Issue 1.
After scrolling down, data from the last group is updated with some data, that is not belongs to it. Please see 'Issue1.png' attached.
Issue 2.
Groups from the first page are duplicated after scrolling down. For example, there is a group named 'C3'. After scrolling down, it is duplicated once again. Please see 'Issue2.png' attached. New groups are placed after these duplications. By the way, as groups from the 1st page are duplicated, there is more than 20 groups is shown, but the counted at the bottom of the grid says that '20 of 137' elements are show.
So it would be great, if you could fix that. Or even provide temporary fix for us.
Thank you!
Cannot read property 'groupHeaderColumnTemplate' of undefined.
I have my grid, with 4 columns:
var dataSource = new kendo.data.DataSource({ transport: { read: { url: Utils.getUrlServices() + "getGrid", dataType: "json", } }, requestEnd: function (e) { }, schema: { model: { fields: { id: {type: "number"}, name: { type: "string" }, namecompany: { type: "string" }, hours: {type: "number"}, date: {type: "date"} } } }, pageSize: 500, group: [ { field: 'name', aggregates: [ {field: "hours", aggregate: "sum" } ] }, { field: 'nomeImpresa', aggregates: [ {field: "hours", aggregate: "sum" } ] }, { field: "hours", aggregates: [ {field: "hours", aggregate: "sum" }, {field: "name", aggregate: "sum"}, {field: "nameCompany", aggregate: "sum"}, {field: 'date', aggregate: 'sum'} ] }, {field: 'date', aggregates: [ {field: "hours", aggregate: "sum" } ] } ], aggregate: [ {field: 'hours',aggregate: 'sum'} ] }); self.Grid.set("source", dataSource);
When i grouping for Date field, the browser run this error:
kendo.all.js:65435 Uncaught TypeError: Cannot read property 'groupHeaderColumnTemplate' of undefined
at HTMLTableRowElement.<anonymous> (kendo.all.js:65435)
at Function.each (jquery.min.js:2)
at I.fn.init.each (jquery.min.js:2)
at init._renderGroupRows (kendo.all.js:65417)
at init.hideColumn (kendo.all.js:64983)
at Function.KendoUtils.hideGridColumns (kendo.utils.js:330)
at init.dataBound (eval at <anonymous> (jquery.min.js:2), <anonymous>:77:32)
at d (jquery.min.js:2)
at init.handlers.<computed> (kendo.all.js:9520)
at init.trigger (kendo.all.js:124)
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?
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>Hello, the Excel Export doesn't export the columns headers sums (view in image).
Is it possible export to Excel columns headers sums?
Describe the bug
Text overlaps on selected non-altering rows upon scrolling in Grid with sticky columns with version 2023.1.314
To reproduce
Dojo: https://dojo.telerik.com/eXeMAZOM
Select a non-altering row
Scroll to the right
Affected package (please remove the unneeded items)
theme-default
theme-bootstrap
theme-material
theme-tasks
Affected suites (please remove the unneeded items)
Kendo UI for jQuery
Telerik UI for MVC
Telerik UI for Core
Affected browsers (please remove the unneeded items)
All
Build system information (please remove the unneeded items)
Not Applicable
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.
When the selectable option is set to "multiple cell" and the user tries to select the content of a single column, the content of the entire row is selected.
France cell and drag down to select only the content in the ShipCountry column.The content of the other columns is selected as well - https://somup.com/cZeXIvpRzk
The behavior is expected when the allowPaste option is enabled. However, once the allowPaste option is disabled only the content of the selected column should be selected.
kendo.ui.Selectable.fn._allowPreventDefault = () => true;
Dojo - https://dojo.telerik.com/@NeliK/eTocoBOL
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
Initializing a hidden-by-default Kendo Grid configured with stacked layout throws a JavaScript error during initialization - Uncaught TypeError: Cannot read properties of undefined (reading 'find')
No errors should be thrown when initializing a hidden stacked layout Grid.
In a Grid with virtual row and column scrolling enabled, if there are large number of hidden columns, the horizontal scrolling is very slow.
Horizontal scrolling is slow
Horizontal scrolling should be smooth
Reordering using clickMoveClick in the Grid is very inconsistent.
The targeted row is not being reordered
The targeted row should be reordered
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.