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™?
- We're hiding/showing columns using the $("#grid").data("kendoGrid").hideColumn("internalColumnName") API