### Reproduction of the problem
1. Run the Checkbox selection demo in IE 11.706.17134 - https://demos.telerik.com/kendo-ui/grid/checkbox-selection
2. Try clicking a checkbox
### Current behavior
Two clicks are required to change the state of the checkbox.
### Expected/desired behavior
Checkbox should be checked/unchecked with a single click
### Environment
* **Kendo UI version:** 2019.2.514
* **Browser:** [ IE 11.706.17134 ]
Enable on-the-fly changes of selectable (selection mode) in the Grid widget
In your grid demos titled "binding to remote data" filter for column ship city when i choose operator does not contain operator and fill "Rio" value kendo grid sends empty filter GET parameter. I have observed similar bevavior in my project.
Updating a single row by default expands ALL collapsed groups. Removing a single row or inserting a single row does the same. This design lacks granularity: an isolated change to a single row should not cause the expanded/collapsed state of all groups to change. If the user is focusing on flu cases in New York City and a new flu case is added to the Los Angeles group, why should every group in the grid be expanded? Only the group affected by the change should change its UI state. The grid should listen for the change event of the observed *row* and if it is felt that a change to the row's data should cause a UI change, only the group to which that row belongs should be changed.
When a user groups by a foreignkey column, it should show and sort by the value that's displayed in that column, NOT the underlying id value. I do have a workaround, but it seems like this is something that should be handled "out of the box".
My Kendo grid has long column titles but the column width must remain static so we need a way to make a wrapable column header
Basically, when a boolean is placed in a grid, it displays true/false. It would be better to show it either checked/unchecked. There is a template to be used, but it has a couple of issues: 1. you need to define it for every check box 2. It is either enabled or disabled. Ideally, it should be disabled in display mode, and enabled in edit mode.
in grid when data are grouped and the group is collapsed groupFooterTemplate data should be still visible
Please consider adding the following basic grid grouping features into future updates: - default group collapse/expand config: .CollapseGroups(true) - auto hide grouped columns config: .HideGroupColumns(true)
The loading indicator is not showing when the height property of a grid is not set.
Virtual scrolling does not work for big datasets in IE and Firefox. We need adaptive scrolling http://stackoverflow.com/questions/2402953/javascript-data-grid-for-millions-of-rows
In google datavisualization grid, one can use cell formatters to add an excel type visualization to a cell. This could be a bar left to right showing the relative size of a value to the rest of the values. This could be an arrow comparing the result to another column either hidden or visible. This could be a color showing between red and green. The color could for instance get closer to red as they get more below 0. This is an amazing feature in google and easily configurable. It would be great of your grid could do the same.
It's a common scenario to set custom css on <td> for specific column, for example, using columns: { field: "ScoreNumber", css: "right-align", title: "Score" } to get <td class='right-align'>, then I can make every every score field text-align: right. Maybe adjusting _tmpl: in Grid Widget as rowTemplate += "<td" + (column.css ? " class='" + column.css + "'" : "") + ">"; is a easy way to accomplish it.
Hi, I posted an issue in forum thread. http://www.telerik.com/forums/grouping-with-column-template-not-working I'm stuck because grouping is not working on template column containing null values. Is it possible to get a working solution? It seems to be a simple null check not done in kendo framework... Thank you for your help
We can use template while rendering the custom command but the template doesn't have access to any of the data i.e neither row data(like generic field 'data' in column template) nor field data(individual column). There is no easy way to do conditional logic based on the data being rendered for the custom command. e.g. Have different icon for the custom command based on the status. We can achieve it during the databound but it is after the fact that the custom control is already rendered and we are tinkering with that. If the computer is too slow or if you have lot of data then user will observe the flickering effect.
It would be really great if Kendo implemented JQuery Promises on all methods that are fired asynchronously. There are several places where there would be direct and tangible benefits: 1) DataSource: Methods like fetch() and read() would be able to chained with .then(), .fail(), and .always() in order to complete certain operations after these methods have completed, but before events are fired up the chain. 2) UI controls like Grid: calling KendoGrid.saveChanges() would allow you to chain a .then() function to the end, so that a particular function can be called only when a particular instance of saveChanges completes, not every time the requestEnd event is fired on the DataSource.
Hello, from our development I could collect some suggestions for improvement, which we would be pleased about in the future: MVC -> Grid -> Export to Excel - Do not show columns in export - currently only possible with Javascript - Display additional columns in the export that are only displayed in the export and not in the interface
The following event-handler does not work when run in a mobile environment (iPad). Otherwise it works as expected:
Result: all columns a set to their minimum width.
var grid = $("#grid").kendoGrid({
dataSource: dataSource,
columns: [
// ...
],
columnShow: function (event) {
console.time('autoFitColumn');
for (var i = 0; i < this.columns.length; i++) {
var col = this.columns[i];
this.autoFitColumn(i);
}
console.timeEnd('autoFitColumn');
},
// ...
filterable: true,
sortable: {
mode: "multiple",
allowUnsort: true
},
pageable: true,
reorderable: true,
scrollable: true,
columnMenu: true,
mobile: true,
});
The autofix column feature does not work properly if you enable sorting on the grid. You can see the issue if you open the Dojo for the following demo: https://docs.telerik.com/kendo-ui/knowledge-base/grid-autofit-all-columns-width
If you sort e.g. by column "Ship Country" and sort ascending you will see the name of the column ending with "..." but not the icon for the sort direction. If you press the column again and sort descending than everything works as expected - the column width increases and the icon is show.
I tested the problem in multiple browsers, but the main browser I have to support will be the IE.
BR,
Christian
Hello Support Team,
with jQuery 3.3.1 the resizable option set to true is not working with the configuration in the example below. When removing other options like "toolbar" or "scrollable" it works. :D
See the following example: https://dojo.telerik.com/IkigawaX
With jQuery 1.x everything works fine.
Regards
Alexander