Hi,
I raised a forum support ticket for hiding the scrollbar when the data rows is <= pagesize. https://www.telerik.com/account/support-tickets/view-ticket/1493109
The response was to set the scrollbar overflow to auto and padding removed which caused overlapping of the scrollbar with the last column when visible.
Feature is requested to have this feature inbuilt with Grids having Virtual Scroller to avoid it.
Thanks
Devna
Hi
Please see the attached. The search box styles are broken.
$scope.OptionsGridApplication_Team_Settings = {
dataSource: $scope.DataGridApplication_Team_Settings,
resizable: false, selectable: "single",
columns: [
{
field: "TeamName",
title: "TeamName",
encoded: false,
hidden: true,
attributes: { "class": "ellipsisTextSpan", },
template: function (e) { return createCoulumnTitle(fakingAngularCharacter(e.TeamName)) },
groupHeaderTemplate: function (e) {
var html = '';
html = html + '<span class="headerTeamGroup" data_TeamId="' + e.value + '" title="' + e.value + '">';
html = html + stringCutterA(e.value, 131);
html = html + '</span>';
return html;
},
},
{
field: "SystemIdentifier", title: "Environment Name", encoded: false,
attributes: { "class": "ellipsisTextSpan", }, template: function (e) { return createCoulumnTitle(fakingAngularCharacter(e.SystemIdentifier)) }
},
{
field: "EnvironmentType", title: "Environment Type", encoded: false,
attributes: { "class": "ellipsisTextSpan", }, template: function (e) { return createCoulumnTitle(fakingAngularCharacter(e.EnvironmentType)) }
},
{
field: "URL", title: "Environment URL", encoded: false,
attributes: { "class": "ellipsisTextSpan", }, template: function (e) { return createCoulumnTitle(fakingAngularCharacter(e.URL)) }
}
],
dataBound: function () {
debugger;
serviceFactory.AccessibilityGridEmpty(this);
}
};
Version of Kendo UI Grid: v2016.3.1028
There appear to be a few accessibility issues with the pager control for kendo grid when using a screen reader:
2. When navigating to the pages--screen reader is narrating some irrelevant information about the page elements say 'Link label one of one , Link two of two label one , Link three of three label one.
Obviously an older version of the kendo ui grid is being used--but I wanted to confirm that these issues have been fixed for more recent versions. For accessibility compliance a user should be informed via screen reader if a link is disabled and pages should be clearly announced when selected.
Thanks!
Bug report
In a Grid with checkboxes in the first column, if you navigate through the Grid for a second time, only the checkboxes are focused.
Reproduction of the problem
- Open this Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/EZERotAN/5.
- Navigate through the whole Grid with tab.
- Navigate a second time through the Grid.
Current behavior
When navigating through the Grid for a second time, only the checkboxes are focused.
Expected/desired behavior
All the cells of the Grid should be focused.
Environment
- Kendo UI version: 2020.3.1118
- Browser: [all]
Bug report
In a Grid with checkboxes in the first column, when tabbing through the Grid, the checkbox in the first row is skipped.
Reproduction of the problem
- Open this Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/EZERotAN/5.
- Start navigating from the beginning of the Grid.
Current behavior
While navigating, the checkbox on the first row is skipped and the ID column will be focused instead.
Expected/desired behavior
The checkbox should not be skipped.
Environment
- Kendo UI version: 2020.3.1118
- Browser: [all]
Bug report
When there are sticky columns in Grid and the horizontal scrollbar is visible, the text of the columns is overlapping while scrolling.
Reproduction of the problem
- Open the Dojo in fullscreen
- Resize the browser in order for the horizontal scrollbar to be visible and scroll
Current behavior
The text of the columns is overlapping
Expected/desired behavior
The text of the columns in Grid should not overlap whiles scrolling
Workaround
window.addEventListener('resize', function(){ $("#grid").data().kendoGrid._updateStickyColumns(false); });
Environment
- Kendo UI version: 2021.1.119
- Browser: [all ]
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.
Bug report
The behavior has been introduced in R3 2020.
Reproduction of the problem
Dojo example.
- Run the example
Current behavior
The sticky column's left border is not displayed.
Expected/desired behavior
The sticky column's left border is displayed.
Environment
- Kendo UI version: 2020.1.119
- jQuery version: x.y
- Browser: [all]
I just recently upgraded to the latest version of Kendo UI (2021) and noticed one of my screens broke. I'm not sure if this was something that you intended on breaking so I wanted to report it as a bug. I had a screen with a grid in which the detail contained a child grid. This particular screen doesn't have a lot of rows and the due to the usage of it the detail is extremely important and I have it set to auto expand. The auto expand still works in the respect that the rows show as expanded but every row has the same detail...which is the detail belonging to the first row. Here is a dojo showing the bug in action: https://dojo.telerik.com/@bowensby/EfUMihUp.
The main place to focus is the dataBound event on the main grid. I found a workaround using the commented out lines (the .each in jquery). The original way is cleaner but it only causes detailInit one time and therefore repeats the same detail for every row.
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 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 ]
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
Grid control doesn’t allow to change width of columns via keyboard. Column width adjustments could be done only via mouse. It would be great to have this ability from the accessibility perspective.
Reproduction of the problem
- Open https://demos.telerik.com/kendo-ui/grid/index
- Set focus on header of any column
- Try to change width of the column
Current behavior
No hot key to change width.
Expected/desired behavior
Any hot key (e.g. Shift + Arrow Left / Right) to change width of a column.
Environment
Kendo UI version: "2020.3.1118"
Browser: Chrome 90.0.4430.212
### 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]
### 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
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]
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.
### 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]