Kendo UI Grid issue: 'k-sort' class added to the wrong column

[Jan Herman]

We are running into a (I think) simple issue with Kendo UI Grid.

Situation is best explained using an image (see attached).

My grid has 4 columns: ID, External Code, Manufacturer,Type.
When I sort, everything works fine, no issues.

When we hide the "External Code"-column (the second column) the table reloads and all is well. 

Now, when we sort on the NEW second column (Manufacturer) the following happens:
1. [Correct] The grid is sorted properly
2. [Correct] The Manufacturer table header gets the 'k-sorted' class, making it blue, showing an arrow 
3. [Issue] The k-sorted class is added to the wrong <col> in the table body <colgroup> definition.

In this case it's adding k-sorted to the third column - which is the original position of the manufacturer column.

Is this a bug in kendo, or are we doing it wrong™?

Additional info

- We're using the latest kendo javascript library.
- We're hiding/showing columns using the $("#grid").data("kendoGrid").hideColumn("internalColumnName") API

 

Please advise,

[Jan Herman]

After contact with support we found this was an actual bug.

Follow https://github.com/telerik/kendo-theme-default/issues/676 for updates on the bugfix.

This topic can be closed.

[Lee]

This seems to still be an issue in the latest release if the column sorted on is hidden, the last column in the grid gets the class. I also noticed that sorting a column does not apply the k-sort class to the correct column: https://dojo.telerik.com/@dojolee/eFIbaSUn

I made a bug report here: https://feedback.telerik.com/kendo-jquery-ui/1661405-k-sorted-applied-to-wrong-column

[Georgi Denchev]

Hello, Lee,

I've approved the feedback item and I also opened a GitHub issue about it.

https://github.com/telerik/kendo-ui-core/issues/7942 

Thank you for the provided report.

Best Regards,

Georgi