In a Grid with popup editing, saving/cancelling the changes shows hidden columns for a short time.
Regression with v 2023.2.829
The hidden ID column is shown for a short time
The hidden column should remain hidden
The rendering of the Grid header for a command column is different than the one for the default header.
Regression introduced with 2023.3.1114
The rendering of both headers should be the same.
Kendo grid doesn't have in-built functionality to prevent row selection based on some condition. One way is to remove css class "k-state-selected". But i think there should be something like "changing" event which will be called before "change" event. In that event developer write code and can cancel "change" event. Or Boolean property something like "enabled" at row level (or cell level for cell selection) .
When there is a sticky column in Grid and the column is unsticked, it can not be dragged for reordering.
The column can not be dragged and reordered
It should be possible to reorder the column after it is unsticked.
When the scrollable option of the Grid is set to "virtual: 'columns'", the reordering of the columns cannot be performed while dragging over the field headers.
Regression introduced with 2022.3.913
The columns cannot be reordered from the field headers. Instead, the field headers are flickering.
Screen recording - https://screenpal.com/watch/c0jrQ2Vpr8e
If the reordering is performed below the headers, it works properly.
Should be able to reorder the columns from the field headers without flickering.
When a column is unsticked either through the built-in context menu or through the unstickColumn method all the casses from the cells in that column are removed, even the 'k-table-td' class.
All classes in that column are removed
<td class="" style="" role="gridcell">Boulevard Tirou, 255</td>
Note: Initially the cells have the k-table-td class twice which is also not expected
<td class="k-grid-content-sticky k-table-td k-table-td" style="left: 0px; right: 0px;" role="gridcell">Boulevard Tirou, 255</td>
Only the 'k-grid-content-sticky' class should be added or removed when sticking/unsticking a column.
When the value of a cell in the Grid is set using the model.set method, and there is already a dirty cell in the Grid, the .k-dirty-cell
class is added to multiple cells.
setValue
button (The set value button is setting the value of the third cell in the ProductName column using the API set method)The k-dirty-cell
class is applied to multiple cells (the background is changed to green).
The .k-dirty-cell
class should be applied only to the cells with changed value.
When a PopUp edit mode is used with a custom template, the template is shown with an additional edit field for each column. The problem appears only on a mobile.
Open the following dojo example:
https://dojo.telerik.com/AKoyIqit/7
on a mobile phone and try to edit a record in the Grid. The template appears, but also an input field for each column is shown.
Only the declared template should be shown inside the PopUp window.
In the draggable Grid, after new items are created the dragging of the rows does not work as expected.
Sometimes the rows can not be moved at all, sometimes it is dropped in the wrong place.
The rows should be dragged and dropped without any issue even after creating new items in the Grid.
https://dojo.telerik.com/umOWEMEx
1. Drag and drop Company Name to the group area, to make the grid group by Company Name
2. Reorder Contact Info next to Company Name by drag and drop the column header (from unlocked to locked)
3. Reorder Contact Info back to original place (from locked to unlocked)
The header of Contact title is showing at the left side of Company Name
The header of Contact title is showing under Contact Info
When the number of groups is less than the page size count the grid does not display the entire set of groups
Run this dojo - https://dojo.telerik.com/@efb@qad.com/eCizuraT
Only a subset of the groups is displayed
All the groups should be displayed
Bug report
Grid with ColumnMenu groups in combination with multi-column headers gives an error:
kendo.all.js:326079 Uncaught TypeError: Cannot read properties of undefined (reading 'length')
Reproduction of the problem
Dojo: https://dojo.telerik.com/EtEQeBIy
Expected/desired behavior
ColumnMenu groups shall work together with multi-column headers
Environment
Kendo UI version: [all]
Browser: [all]
The row reordering functionality does not work correctly when the draggable column has a small width.
https://dojo.telerik.com/@user192/ipOyacoH
Open the Dojo and try to reorder a row. The icon inside the hint will keep changing and in some cases you won't be able to drop the row to the expected position.
If you move the hint a bit to the right(towards the next column) this behavior disappears.
The reorder hint shimmers and in some cases does not allow for reordering. This occurs when the column width is small(30px in the example).
Reorder should work as expected, regardless of the column width.
An error is thrown in the browser console when you navigate to the last Grid page when grouping is enabled.
Regression with 2022.1.301
An error is thrown on the browser console.
No errors should be thrown in the browser console
When using Grid custom editor, the Kendo Editable adds data-binding for the value for both the hidden and the visible inputs of the ComboBox. This results in a field named [propertyName]_input to appear in the item model after it has been edited.
The way this happens is a bit inconsistent and depends on setup, but in the linked dojo, using tab after editing causes this to happen, but in our applications pressing enter and sometimes even clicking off the editor causes this issue.
See here for the original bug. https://github.com/telerik/kendo-ui-core/issues/3427#issue-244359311
The Grid column header texts collides with the columnMenu icons.
Regression introduced with 2023.1.314
The column header text overlaps with the menu icon
the header text shouldn't collide with the menu icon
Hi Team,
I would like to request a row under the column titles which would hold aggregates similar to a footerTemplate.
Thank you!
In an in-cell edit mode, if you edit a Grid cell with enter key, the Grid will scroll to the top.
Regression introduced with v2020.3.1021
The Grid scrolls to the top
The Grid shouldn't scroll to the top.
When culture different than 'en-..' is set in Grid the validation.min for the Date field is not taken into account.
In case a culture different than 'en-..' is selected the min value for the DatePicker is not applied.
The min value should be set for the DatePicker no matter of the culture.
edit: function(){
$('[data-role="datepicker"]').data("kendoDatePicker").setOptions({ min: new Date()})
},
The Pager breaks if you use the setOptions method to alter its options.
Regression introduced with 2023.2.829
After checking a checkbox, only the arrows remain from the Pager.
The Pager should remain whole when you alter its options.