Bug report
Reproduction of the problem
- Open the following Demo with one of the SASS themes.
- Open the filter menu for the ProductName column
Current behavior
There is an additional border around the search input. The border appears when Sass is used.
Expected/desired behavior
The additional border should be removed.
Environment
- Kendo UI version: 2020.3.915
- Browser: [all]
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]
Create Grid with scrollable, resizable, navigable settings set to true in RTL (Chrome Version 85.0.4183.121 (Official Build) (64-bit))
- If scroll exists, resize in column will not work
- after scrolling the scroll to left, when try to edit inline cell in left side, scroll eventually go back to the scroll start position(in the right) and cell is closed for edit(have no option to edit grid with big amount of columns)
- after scrolling the scroll to left, mouse hover to column header removes all column headers, the headers appears after moving the scroll to the start position
Link to Dojo:
https://dojo.telerik.com/IZInOVUd/4
video:
https://drive.google.com/file/d/1pQa4UVLcMUg929JgTtKJ1udxIAbWtn0m/view
Regards,
Hello, the Excel Export doesn't export the columns headers sums (view in image).
Is it possible export to Excel columns headers sums?
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 ]
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
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.
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
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
Regression introduced in 2019.2.619.
Related commit: telerik/kendo@2a806f6#diff-f810c335b76ea2e4d78327457f230a46L3882-R3882
Reproduction of the problem
Dojo example.
- Add a new record.
- Click "Update" in the editor.
Current behavior
The following validation message is displayed: ! name
Expected/desired behavior
The validation message should be: ! name is required
Environment
- Kendo UI version: 2019.3.1023
- 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>
Bug report
Draggable does not respect dragging object width in Grid upon dragging a column
Reproduction of the problem
Open below Dojo
https://dojo.telerik.com/iSiSeCeb
Drag Shipped Date column from the right corner
Huge gap appear between the dragged column object and the pointer
Expected/desired behavior
Pointer shall be over the dragged object
EnvironmentKendo UI version: [all]
Browser: all
Bug report
Grid Filter Inputs Value Switch after filter is applied and filter menu reopened
Current behavior
When the second input in the filter menu is provided and grid filtered after reopening the filter menu the filtered value is bonded to the first input
Dojo to reproduce:
https://dojo.telerik.com/UXajIbey
Steps to reproduce:
1. Open filter menu for "Event Date" column
2. Set a filter value on the second DatePicker input and hit the Filter button
3. Reopen the filter menu on the same column
Expected/desired behavior
The filtered value shall be bonded to the input user has provided
Environment
Kendo UI version: all
Browser: all
Bug report
When the Grid is used with MVVM, if there is a footer template defined for a given column and 'data-auto-bind' is set to false, the footer template is not rendered properly.
Reproduction of the problem
- Open this Dojo and run it. See the expected footerTemplate result
- Change the 'data-auto-bind' property to false
- Run the project again
Current behavior
The footerTemplate defined for the "Unit" column is displayed under "ProductName"
Expected/desired behavior
The footerTemplate defined for the "Unit" column should be displayed under the "Unit" column
Environment
- Kendo UI version: 2020.2.617
- jQuery version: x.y
- Browser: [all]
Hello, autoFitColumn not working for columns if they are locked and in multi-column header. Example is below. If I remove "locked: true" from first column, than it works good. Can you help me please?
<!DOCTYPE html><html><head> <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.406/styles/kendo.default-v2.min.css" /> <script src="https://kendo.cdn.telerik.com/2020.1.406/js/jquery.min.js"></script> <script src="https://kendo.cdn.telerik.com/2020.1.406/js/kendo.all.min.js"></script> </head><body> <div id="example"> <div id="grid"></div> <script> $(document).ready(function () { $("#grid").kendoGrid({ dataSource: { type: "odata", transport: { }, pageSize: 20 }, height: 550, groupable: true, sortable: true, resizable: true, reorderable: true, pageable: true, columnMenu: true, dataBound: function() { this.autoFitColumn("CompanyName"); this.autoFitColumn("ContactTitle"); }, columns: [{ title: "Group", width: 420, locked: true, columns: [{title: "CompanyName",width:60, field: "CompanyName"}, {title:"ContactTitle", width:60, field: "ContactTitle"}] }, { title: "Contact Info", columns: [{ field: "ContactTitle", title: "Contact Title", width: 200 },{ field: "ContactName", title: "Contact Name", width: 200 },{ title: "Location", columns: [ { field: "Country", width: 200 },{ field: "City", width: 200 }] },{ field: "Phone", title: "Phone" }] }] }); }); </script> </div></body></html>
- 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
Bug report
Grid's footer is moving together with its pager based on the configuration of the pageable.position property.
Reproduction of the problem
- Open this Dojo and run it
Current behavior
The footer of the Grid is positioned above its pager
Expected/desired behavior
With pageable.position set to "top" only the pager should be moved above Grid's rows. Its footer should stay at the bottom of the component, below its rows.
Environment
- Kendo UI version: 2020.2.617
- jQuery version: x.y
- Browser: [all]
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
ColumnMenu in Grid does not hide/unhide the correct column when command column is placed first
Reproduction of the problem
- Open the Dojo
- Open the columnMenu for one of the columns
- Try to select a column, for example "Unit in Stock"
Current behavior
Currently, the previous column is checked/unchecked and respectively hidden ("Unit Price")
Expected/desired behavior
The column that is selected in the columnMenu should be hidden or displayed and checked/unchecked in the columnMenu
Environment
- Kendo UI version: 2020.2.617
- Browser: [all ]
Hi!
I've found that column menu doesn't work properly when both columns.selectable and columnMenu are enabled. Just run this code snippet and try to enable/disable columns in column menu.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Kendo UI Snippet</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.2.617/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/2020.2.617/js/kendo.all.min.js"></script>
</head>
<body>
<div id="grid"></div>
<script>
$("#grid").kendoGrid({
columnMenu: true,
columns: [
{ selectable: true },
{ field: "name" },
{ field: "age" },
{ field: "pet" }
],
dataSource: [
{ name: "Jane Doe", age: 25, pet: 'dog' },
{ name: "John Doe", age: 71, pet: 'cat' }
]
});
</script>
</body>
</html>