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
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
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,
When the grid is initially hidden and then revealed programmatically, the pageSizes (and several other elements) are not rendered.
Reproducer:
- Go to https://dojo.telerik.com/EBugiKAZ
- Press Run and click the button, see no pageSizes and no "1 - 1 of 4 items" text
- Resize the browser window and see the elements appear (requires a minimum size, seems responsive related)
This also breaks when you have grid in a hidden div that you toggle open and it breaks in both Chrome and Firefox
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 definedat eval (eval at compile (kendo.all.js:234), <anonymous>:3:1078)
at init._rowsHtml (kendo.all.js:71887)
at init._renderContent (kendo.all.js:72745)
at init.refresh (kendo.all.js:72565)
at init.d (jquery.min.js:2)
at init.trigger (kendo.all.js:164)
at init._process (kendo.all.js:8113)
at init._processRangeData (kendo.all.js:9026)
at init.range (kendo.all.js:8857)
at init._page (kendo.all.js:64643)
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
The column menu of the Kendo UI Grid widget with componentType set to 'modern' has missing translations in the default filter menu.
### Reproduction of the problem
1. Create a filterable grid and enable the column menu with componentType 'modern';
2. Include the localization script for "fr-CA" in the document from the CDN;
3. Open the column menu and expand the filter menu of a specified column. The logic operators "And" and "Or" are not translated.
A Dojo sample for reproduction: https://dojo.telerik.com/UYIrABUw
### Expected/desired behavior
When the column menu type is set to "modern", the operators of the filter menu should be translated as in the "classic' column menu.
### Environment
* **Kendo UI version: 2021.3.914
* **jQuery version: 1.12.4
* **Browser: [all]
1. Go to demo page
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,
GC30TRSSMTI706Z, Ireland
I can see first request starting wtih Page:1
3. Now I scroll the virtual view just a bit down to get another 10 records. Surprisingly, I get same records again.
GC30TRSSMTI706Z, Ireland
We need to resolve this bug, because we can not use grid without this features (virtual scrolling and grouping).
Thank You.
Ludvík Mikulenka
### 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
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.
Hi team,
To reproduce that, go to https://demos.telerik.com/kendo-ui/grid/persist-state
- first, inspect the TH element of the "Contact Name" column, no headers attribute. (screenshot 1)
- then click on "Save State" button and click on "Load State" button.
- now, inspect again the TH element and you will find the attribute "headers"="undefined", on each column actually. (screenshot 2)
Not a big deal but this makes an entry (serious) with the Axe plugin accessibility checker.
Please advise and propose a workaround if any.
Best regards,
Laurent.
Bug report
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
Reproduction of the problem
https://demos.telerik.com/kendo-ui/grid/aggregates
Inspect the footer
Current behavior
tbody is rendered after tfoot.
Expected/desired behavior
tbody is rendered before tfoot.
Environment
- Kendo UI version: 2021.2.616
- jQuery version: x.y
- Browser: [all]
### 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 grid uses GroupPaging, Locked columns and one group spans over two pages, the header rows on the second page are misaligned.
### Reproduction of the problem
1. Create a Grid with GroupPaging and Locked columns.
2. Expand a group that should span over the next page.
3. Navigate to the next page.
4. Rows are misaligned.
### TicketID:
1526394
### 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]
Since the 2019 R1 release k-pager-sm (k-pager-lg, k-pager-md) classes are assigned dynamically based on the width of the page to make the component responsive (as I understood from https://www.telerik.com/forums/kendo-ui-grid-pager-not-displaying-properly-in-sass-mode#wn92di5BakmHqrrMfViFxA)
When grids are used on bootstrap tabs (both boostrap 3 and 4) the k-pager-sm class is added incorrectly, causing the pagers on tabs other than the first to be displayed only partially.
A JSFiddle to demonstrate this: https://jsfiddle.net/nqjc4mbu/
The pager on the 1st tab:
And on the 2nd and 3rd tab:
(we've solved it with a workaround by dynamically removing the k-pager-sm class again on dataBound, but this shouldn't be necessary)
Issue that I have can be observed on any grid with checkbox selection and filtering enabled at the same time (I edit this demo https://demos.telerik.com/kendo-ui/grid/checkbox-selection by adding filtering an already I can see my problem).
I have a grid with 10 records with checkbox selection, filtering and "persistSelection" option enabled. I select a single record with a checkbox. I use filtering and only 5 records remain visible, selected record is not visible (didn't match the filter). When I clear the filter my selected record remains checked. If I do the same but filtering causes all records to disappear then after clearing the filter my selected record is no longer checked. So we can see that selection persistence works differently depending on results of filtering. That is confusing and looks like a bug.
Bug report
When sorting is enabled for a virtualized Grid with local data, in some cases the Grid does not show correct items when sorted.
Reproduction of the problem
1, Open the Dojo example
2. Scroll to the bottom
3. Sort the Grid
Current behavior
Only the last 3 items are displayed. (screencast)
Note: The issue does not occur every time.
Expected/desired behavior
Enough items to fill the Grid height should be displayed. There should be no blank space without records.
Environment
- Kendo UI version: 2021.2.616
- Browser: [all ]
Bug report
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.
Reproduction of the problem
1, Open the Dojo
2. Select a single cell from the 'field1' column
3. Click the 'Export selected' button
Current behavior
No file is generated. If for example also a cell from another column is selected, then the Excel file is generated as expected
Expected/desired behavior
An Excel file should be generated as expected even if only a single cell is selected.
Environment
- Kendo UI version: 2021.2.616
- jQuery version: x.y
- Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
- Navigate to: https://dojo.telerik.com/AJoVUwen/2
- Click setOptions button multiple times.
- Sort some column
Result: The old events handlers are not cleared(see the console).