Following example @ https://docs.telerik.com/kendo-ui/knowledge-base/grid-sort-displayed-columns-menu-items sorts a column menu. When hide column is then clicked, the wrong column is hidden.
This can be seen in your own dojo example linked in the above doc and @ https://dojo.telerik.com/UWuxOseV . Hiding column Ship Name hides Ship Address instead.
This seems to have been introduced in 2019 R2 SP1 version.
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 ]
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]
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>
Dear Team,
The following example code works well for exporting multiple grids in to the same pdf file. Will you please make the method _drawPDF() as public method?
Also it would be nice if you can give the public method with the options to provide the array of grid widgets to be exported in the same pdf.
So that we will be confident enough to make this feature in our solution, otherwise it would be a problem for us if the backward compatibility is not supported in the future releases of the Kendo UI.
https://docs.telerik.com/kendo-ui/knowledge-base/export-multiple-grids-in-the-same-pdf-file
Regards,
Velusamy
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:
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.
We have few of dynamically created grid controls. I like to change the grid header style for all of them. I found this solution on the forum however there is an issue with this. If I override ".k-grid-header th.k-header" the change effects column filter popup content as well. See this example on dojo: https://dojo.telerik.com/@ssharifi/AvayONaQ all text and drop down texts are also effected.
I just need to override the title text. What style can I set so the title text is bold but not the filter options?
Thanks,
Shawn
Make Kendo Pivot Grid Editable so You can use for transactions
- 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
Enable kendo UI to Export excel with images it would be a great feature if kendo supports to add images while exporting excel sheets
Bug report
Ticket ID: 1472456
Reproduction of the problem
Current behavior
Using the setOptions() method in an MVVM bound grid causes 2 read requests
Expected/desired behavior
A single request should be issued.
Workaround
programmatically remove the kendo binding from the element before calling the `setOptions()` method.
grid.element[0].kendoBindingTarget = null;
grid.setOptions(options);
Environment
Kendo UI version:** 2020.2.617
Ability for a grid to show foreign key values from a remote datasource rather than just a fixed array. Refer to: http://www.kendoui.com/forums/ui/grid/foreign-key-option-doesn-t-work.aspx
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>
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
Аggregates not working in group footer, when string value contains line break "\n"
Reproduction of the problem
Dojo: https://dojo.telerik.com/uPuyEcEJ
Current behavior
Аggregates not working
Expected/desired behavior
Aggregated should be working fine when the value contains "\n"
Environment
Kendo UI version: [all]
Browser: [all]
We would like to add a new column(s) dynamically to a grid, This feature is very important when grid containts lots of fields. In order to resolve slow grid rendering, we are allowing user to choose columns to show/hide and render grid accordingly. Kendo generates html code for hidden columns which causes slow rendering for large data. We are already using performance improvement suggestions from kendo like virtual scrolling, paging etc.
The ability to export a grid to excel has been a great addition, we would like the ability to export in CSV and XML also.
Users can change columns widths of the grid with their mouse. But there is no api methods to arbitrarily set column width in js. We implemented it using manipulating the DOM and a number of "hacks" to force the grid to recalculate it. But such implementation is complicated, quirky, inefficient and unstable. It would be very useful if such methods were implemented. Reordering, hiding and locking already has its methods, only resizing doesn't. We use it to save and load user's settings.