- Expand few detail templates (especially 14- 15)
- The PDF export contains part of the details even if you collapse them programmatically and wait longer and they should collapse themselves
Expected/desired behavior
Since exporting details is a known limitation, the detail rows should be ignored during the PDF Export.
Environment
- Kendo UI version: 2020.2.513
I'm trying to test the accessibility of the grid detailTemplate on https://demos.telerik.com/kendo-ui/grid/detailtemplate , namely keyboard navigation.
Honestly, I don't even know where I am. I know when I'm focused on the button "Edit in theme builder" (it's barely visible, but visible), and when I press tab, document.activeElement points to the first table header ("Last Name"), but it's not visible at all. Then I keep getting lost.
I have tested it with all sass-based themes and the less-based Material theme.
Bug report
Expanding all detail templates via expandRow() on a Grid with many records and no paging enabled takes really long time
Reproduction of the problem
- Open
Dojo: https://dojo.telerik.com/aBAseraz
- Click Expand All button (the page gets non-responsive for 70 seconds)
Expected/desired behavior
The above Grid shall expand all detail templates for a reasonable less amount of time. For example:
Bug report
Reproduction of the problem
Dojo example.
- Make several columns wider and then shrink one of them (See the attached video).
Recording31.zip
Current behavior
Columns and headers are misaligned.
Expected/desired behavior
Columns and headers are properly aligned.
Environment
- Kendo UI version: 2020.2.617
- jQuery version: x.y
- Browser: [Chrome XX]
Dear Kendo-Team,
When using the less-based Bootstrap theme, the PDF export of a grid shows strange borders underneath header's column menus. Refer to the following DOJO for replication:
https://dojo.telerik.com/ePOSiluT
Enclosed you will find a screenshot of the PDF export, showing the strange borders.
Is this something we can easily (temporarily) fix on our own by adjusting some CSS styles?
Bye
Ralf
Take this Dojo: https://dojo.telerik.com/iCECeXeC
1. Press 'Run'
2. Remove the filter for Contact Title
3. Press 'Save State'
4. Reload page (F5)
5. Press 'Run'
6. Press 'Load State'
Result: The filter for Contact Title is not removed.
On the other hand if I do the following:
1. Press 'Run'
2. Change the filter for Contact Title to 'Sales Representative'
3. Press 'Save State'
4. Reload page (F5)
5. Press 'Run'
6. Press 'Load State'
Result: The filter for Contact Title is changed correctly to 'Sales Representative'
Why is the first example not working? Is this intended behaviour or a bug? Is there a workaround?
Kind regards.
Hi,
There is a bug on the kendo grid when you have inline editing and a filter applied
So what's happening is that when you apply a filter and then click on "add new record" it doesn't show the new record, even worst it actually add the new empty record in the datasource, so you see new empty line when you remove the filter ....
it's really easy to demonstrate, i make you a dojo : https://dojo.telerik.com/EJIhohuf
this dojo is actually the editing inline demo (https://demos.telerik.com/kendo-ui/grid/editing-inline) with just the filtering enabled like so :
filterable: {
mode: "row"
}
to reproduce :
- apply any kind of filtering
- try to add a new record
- here you see nothing is happening, we expect to see a new empty line to add a new record (also the beforeEdit event is not fired but not sure this is a bug)
- remove the filtering
- you can see the empty lines (if click 5 times on add new record you get 5 empty lines)
Best regards,
you have a great product hope you can improve it even more
Bug report
In Grid Multi filtering checkboxes and their labels are misaligned.
Reproduction of the problem
In the official demo: https://demos.telerik.com/kendo-ui/grid/filter-multi-checkboxes
Expected/desired behavior
Checkboxes and labels shall be aligned.
Workaround:
The following CSS can be applied:
<style>
.k-label span {
vertical-align: top;
}
</style>Dojo: https://dojo.telerik.com/OgiYEBiB
Environment
Kendo UI version: [all]
Browser: [all ]
Bug report
Selecting cells from the frozen table in Frozen columns + selectable: "multiple cell" scenario selects the bellow cells from the non-frozen table
Reproduction of the problem
Open below Dojo
https://dojo.telerik.com/exobAcEl
Scroll the horizontal scrollbar to the right.
Select some cells from the frozen table.
Move the scroller back to its original position.
Expected/desired behavior
Cells from the non-frozen table shall not be selected.
EnvironmentKendo UI version: [all]
Browser: all
Bug report
When the dataSource is set with the setDataSource method
Reproduction of the problem
Dojo example.
- Run the dojo
- Click the button
- Focus the first Grid cell. Press and hold the Down Arrow key to navigate through the rows
Current behavior
The scroll position is not updated while scrolling and navigation stops at 10347.
Expected/desired behavior
Scroll position is properly updated and the user can navigate to the end of the page.
Environment
- Kendo UI version: 2020.3.915
- jQuery version: x.y
- Browser: [all ]
When resizing column widths have an option to lock the last column to the right hand border of the grid when sum of columns total width is smaller than grid. This way the grid will always fill the columns to the width of grid. For example if user reduces column 2's size in a 3 column grid then increase the size of column 3 so that it keeps the grid full width.
Instead of this:
It would look like this:
Bug report
Grid's layout breaks when having columns with defined widths which sum exceeds 960px and the scrollable property is set to false.
Regression introduced in 2020.1.114
Reproduction of the problem
Open this Dojo in fullscreen and see Grid's layout.
If you change the Kendo UI version to 2019.3.1023, Grid's toolbar is correct
Current behavior
Grid's layout is breaking
Expected/desired behavior
Grid's layout shouldn't break.
Environment
- Kendo UI version: 2020.1.114
- jQuery version: x.y
- Browser: [all]
Hi
Please see the attached. The search box styles are broken.
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]
grid column virtualization issue with hidden column.
When you scroll further in your grid having one or multiple hidden column(s) the value of the hidden column appears in a side column.
<!DOCTYPE html>
<html>
<head>
<base href="https://demos.telerik.com/kendo-ui/grid/column-virtualization">
<style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
<title></title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.114/styles/kendo.default-v2.min.css" />
<script src="https://kendo.cdn.telerik.com/2020.1.114/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.1.114/js/kendo.all.min.js"></script>
</head>
<body>
<div id="example">
<div id="grid"></div>
<script>
$(function() {
var columns = [];
var data = [];
var numberOfColumns = 500;
var numberOfRows = 100;
var field;
var row;
var i;
var j;
for (i = 1; i <= numberOfColumns; i++) {
field = ("Field" + i);
if(i==2)
columns.push({ field: field, title: field, width: 200, hidden: true });
else
columns.push({ field: field, title: field, width: 200 });
}
for (i = 1; i <= numberOfRows; i++) {
row = {};
for (j = 1; j <= numberOfColumns; j++) {
field = ("Field" + j);
row[field] = "R" + i + ":C" + j;
}
data.push(row);
}
var dataSource = new kendo.data.DataSource({
pageSize: 10,
transport: {
read: function(e) {
e.success(data);
}
}
});
$("#grid").kendoGrid({
dataSource: dataSource,
sortable: true,
scrollable: {
virtual: "columns"
},
width: 1000,
navigatable: true,
filterable: true,
columnMenu: true,
pageable: {
refresh: true,
pageSize: 10,
pageSizes: true,
buttonCount: 5
},
columns: columns
});
});
</script>
</div>
</body>
</html>
In the popup edit grid, when the editable: false option is displayed, the portion of the value is at the top rather than horizontal. Can you change it horizontal?