There's a discrepancy between the header and rest of the rows when the selected rows are coppied and pasted in Excel.
Hi,
The buttons And/Or in the column menu filter are not translated. They are in English even if the language is set to Swedish.
This is only when componentType is set to "modern". When it is set to "classic" the button language is correct.
See Dojo and attached screenshots.
Create grid as groupable and try to set column title as "<span class='glyphicon glyphicon-cloud'></span>"
$("#grid").kendoGrid({
groupable: true,
columns: [{
field: "name",
title: "<span class='glyphicon glyphicon-cloud'></span>"
//, groupable: false
}, {
field: "age",
title: "Age"
}]
});
Expected result - column title as glyphicon glyphicon-cloud but actual is wrong
To fix the problem - set up column as groupable: false (just uncomment) and title will be ok
But if I want to use such title and groupable: true - I cannot
Full example:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Kendo UI Snippet</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.3.914/styles/kendo.default-v2.min.css"/>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2021.3.914/js/kendo.all.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
<div id="grid"></div>
<script>
$("#grid").kendoGrid({
groupable: true,
columns: [{
field: "name",
title: "<span class='glyphicon glyphicon-cloud'></span>"
//, groupable: false
}, {
field: "age",
title: "Age"
}]
});
</script>
</body>
and on dojo: https://dojo.telerik.com/EWUnarUf/2
The problem can be observed in the following Dojo:
https://dojo.telerik.com/UHAdoNIL
The filter row appears on top of the Sticky Column.
Hi All,
We are facing a weird issue in kendo grid when both group paging and virtual scrolling are enabled for local data. Please see https://dojo.telerik.com/ICoDAleN/2 as example.
Steps to reproduce:
1. Run the code from https://dojo.telerik.com/ICoDAleN/2.
2. Try to group "DateTime" column by drag and drop to grouping header
3. After "DateTime" column is grouped, then un-group it by click cross icon of DateTime button.
4. Now you try to scroll down the grid, until ID column reach around 40, you will see the ID will jump back to around 0, and you will never see the rows which IDs are greater than 40.
5. If you open Developer Tools of browser, you will see following errors.
Uncaught ReferenceError: DateTimeDisplayValue is not defined
6. If you group other columns, for example, group "Subject" column, and then un-group it, then scroll down the grid, you will not see this issue.
How to fix it? is there any workaround?
Thanks,
David
### Bug report
When the column menu of the Kendo UI Grid widget with componentType set to 'modern' is used in a hierarchical grid, it expands behind the bottom of the page.
### Reproduction of the problem
1. Use the detail template feature of the Grid to create a child Grid;
2. Enable the "columnMenu" in the "modern" render mode;
3. Expand the last row and open the column menu;
4. Expand the filter menu. It is partly hidden.
A Dojo sample for reproduction: https://dojo.telerik.com/UbEzoYuF/5
### Expected/desired behavior
The "modern" column menu should be rendered as the "classic" column menu - its position should be changed based on the available space.
### Environment
* **Kendo UI version: 2021.2.616
* **jQuery version: 1.12.4
* **Browser: [all]
Bug report
Pdf export comes with loader when Kendo grid with endless scroll and allPages enabled
Reproduction of the problem
https://dojo.telerik.com/ABiMAjIK
Expected/desired behavior
No loading indicator shall be rendered in the exported PDF
Environment
Kendo UI version: all
Browser: all
Hi,
When the grid is initially hidden and then revealed programmatically, the pageSizes (and several other elements) are not rendered.
Reproducer:
This also breaks when you have grid in a hidden div that you toggle open and it breaks in both Chrome and Firefox
### Bug report
When the loaderType is set to "skeleton" and the grid is a hierarchy, the skeleton placeholder for the last column is not rendered.
### Reproduction of the problem
1. Set the loaderType to "skeleton".
2. Set a child grid to create a hierarchy.
3. Load the grid.
4. The last column has no skeleton container.
### TicketID: 1534057
### Environment
* **Kendo UI version:** 2021.2.616
* **jQuery version:** 1.12.4
* **Browser:** [all]
When the autofitcolumn method is used together with multi-headers and hidden columns, some of the columns are either not visible at all or shrunken.
The problem can be observed in the following Dojo:
https://dojo.telerik.com/EJezUyeg
The CompanyName column should be visible, however it is not. If the example is ran in fullscreen, the column will be visible, however it will shrink if the Browser window gets smaller.
In the Html4 specification it required the tbody element to follow the tfoot element. In contrast, the current Html5 specification favors the thead > tbody > tfoot structure, even though it doesn't explicitly forbid the table's tfoot element to be rendered after the thead and before the tbody element: https://html.spec.whatwg.org/#the-table-element
In terms of accessibility, it makes more sense the tfoot element to be rendered after tbody. This way the readers would be able to read the elements in a logical order: thead > tbody > tfoot
https://demos.telerik.com/kendo-ui/grid/aggregates
Inspect the footer
tbody is rendered after tfoot.
tbody is rendered before tfoot.
### Bug report
The Grid is filtered initially and no records are displayed. When a specified filter is cleared through the column filter menu, the column with the checkbox filter menu does not show any checkboxes and there is an error in the browser console.
### Reproduction of the problem
1. Create an initially filtered grid and enable the checkbox-filter menu on the first column.
2. When the grid is loaded and no records are displayed (based on the applied filters), clear any of the filters manually through the column menu.
3. Click on the column menu of the first column.
4. An error is logged in the browser console. The checkbox-filter menu contains no options, but the column has data.
A Dojo sample for reproduction: https://dojo.telerik.com/oJAvaMUy
### Expected/desired behavior
The options in the checkbox filter menu should be loaded properly when any column filters are reset.
### Environment
* **Kendo UI version: 2021.2.616
* **jQuery version: 1.12.4
* **Browser: [all]
### Bug report
When the Kendo UI Grid widget in "Popup" edit mode has more than one level of grouping, and when the adding of a new record is canceled, the group headers of the empty row are not removed.
### Reproduction of the problem
1. Group the Grid by 2 columns;
2. Click the "Add new record" button;
3. Click the "Cancel" button in the Popup form;
4. The empty row for the new record is removed, but the group header of the first group remains.
A Dojo sample for reproduction: https://dojo.telerik.com/UgARObuZ
### Expected/desired behavior
The group headers of the empty row should be removed when the adding of a new record is canceled.
### Environment
* **Kendo UI version: 2021.2.616
* **jQuery version: 1.12.4
* **Browser:** [all]
https://demos.telerik.com/kendo-ui/grid/server-grouppaging-virtualization and click to Edit in Dojo. It o
Then, to get rid of narrow groups I will change grouping frompens https://dojo.telerik.com/afoCefOJ
group: [{
field: "city",
dir: "asc"
}, {
field: "companyName",
dir: "asc"
}],
group: [{ field: "city", dir: "asc" }],
and also adjust pageSize to 10:
pageSize: 10,
When multicolumn headers are configured in the Grid and exportSelectedToExcel method is used for exporting, a file is not always generated. The issue is reproducible when selectable is set to selectable: "multiple, cell" and cell from the first column of the multicolumn header is selected.
1, Open the Dojo
2. Select a single cell from the 'field1' column
3. Click the 'Export selected' button
No file is generated. If for example also a cell from another column is selected, then the Excel file is generated as expected
An Excel file should be generated as expected even if only a single cell is selected.
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
The behavior has been introduced in R3 2020.
Dojo example.
The sticky column's left border is not displayed.
The sticky column's left border is displayed.
So we are loving the sticky columns in Kendo UI v2020.3.1118 JQuery Grid however we are experiencing a synchronisation issue between the column headers and the filter rows.
The attached screenshots and video show the problem.
I tried to find a solution in your KB's but am reaching out to you in case you can recommend a solution?
Ideally, the filter row would know about the sticky columns, but it seems not to.
Kind Regards, Garry.
When there are sticky columns in Grid and the horizontal scrollbar is visible, the text of the columns is overlapping while scrolling.
The text of the columns is overlapping
The text of the columns in Grid should not overlap whiles scrolling
window.addEventListener('resize', function(){ $("#grid").data().kendoGrid._updateStickyColumns(false); });