Kendo grids in our application are not sizing optimally with Chrome 65. Our grid columns still size efficiently and as expected in Chrome 64, and the latest of Firefox, IE 11, and Edge.
Attachment 1 shows one of our grids, rendered in Chrome 65. Here you can see that the columns which would normally be wider, to accommodate wider text, are too thin, and columns which do not have a lot of text are too wide.
Attachment 2 shows the same grid as rendered in Firefox. (Also renders this way in Chrome 64, IE 11 and Edge)
Attachment 3 shows that a forced redraw of the grid columns, by executing the following code, corrects the column sizing issues. Perhaps Chrome has become faster, and exposed a timing issue around column width calculations after options.success is called following a transport.read?
//The following is executed after the return of data from an external query made in
//kendo.data.DataSource.transport.read
//Attachment 1 is from just prior to this code's execution.
//Attachment 2 is from after showColumn(3) is execcuted
window.setTimeout(angular.bind(this,
() => {
$("#ehGrid").data("kendoGrid").hideColumn(3);
window.setTimeout(angular.bind(this,
() => {
$("#ehGrid").data("kendoGrid").showColumn(3);
}),
100);
}),
300);
This issue is occurring in multiple grids in our app, so having to put this workaround into all our transport.read definitions is not a great solution for us. Do you have any other suggestions or a fix?
Kendo 2017.1.223, Angular v1.6.5, Typescript