Have just tripped over the following issue whereby ordering multiple columns via the 'reorderColumn' method is not honouring the width of the moved column when hidden columns are involved.
To illustrate the issue please run the following dojo
http://dojo.telerik.com/iQUNo
- If you hit the Reorder button the columns are reordered keeping their original column width.
- Now edit the dojo and set the ShippedDate field's hidden attribute to true and rerun.
- If you now hit the Reorder button the columns are reordered but you will notice the column widths do not match their original size.
i.e. The ShipCity column width now appears to be 50 instead of 200.
NOTE: If you inspect the underlying grid.columns object the column widths are correct.
As an aside the above dojo also highlights a CSS issue whereby the page number is being incorrectly positioned.
Regards
Alan
10 Answers, 1 is accepted
Thank you for reporting this.
I can confirm that this is an issue with the current version of Kendo UI Grid.
I created an issue in our GitHub repository and forwarded it to our developers for fixing. You can track its progress at:
https://github.com/telerik/kendo-ui-core/issues/3198
Additionally, I updated your Telerik points for bringing this to our attention.
Regards,
Stefan
Telerik by Progress

Thanks Stefan,
Did you also look at the CSS issue ?
Regards
Alan
I did apologise for not sharing the information.
The issue occurs, because there were styles from two Kendo UI themes loaded at the same time:
// this is addtional styles file, which is not needed
<
link
rel
=
"stylesheet"
href
=
"https://kendo.cdn.telerik.com/2017.2.504/styles/kendo.default-v2.min.css"
/>
When I left only the relevant files, the issue was not observable:
http://dojo.telerik.com/iQUNo/6
Regards,
Stefan
Telerik by Progress

Thanks for the update I'll keep a close eye on the duplicate styles in feature but this my have highlighted a little feature within dojo creation/editing.
Replicating how this issue came about can be achieved with the following steps:
- Navigate to the grid demo
http://demos.telerik.com/kendo-ui/grid/column-reordering
- Hit the 'Edit this example' button
- Choose the latest library version
This will add/update the latest css and script bundle but does not handle the duplication.
As I say more of a feature than a bug but perhaps a warning message might be appropriate to warn the user to check the <head> block after updating the libraries.
Regards
Alan
Thank you for the clarification.
I was able to observe this behaviour and forwarded it to the team which is responsible for the Dojo tool.
As for the error message, it is adding additional CSS files and as they can be many other custom CSS files, it is hard to determine which CSS have to show an error and which does not.
Regards,
Stefan
Telerik by Progress

Just checking in to see if there has been any internal progress with this fault, because the public facing Git Hub repository issue has not been updated since it was created on 12th May.
Any indication of the faults current status would be much appreciated so I can plan our next release.
Thanks
Alan
For now, the issue is only logged in our To-Do list and it will be scheduled based on the current tasks and the workflow.
Once there are changes in its status, they will be immediately shown on the issue.
Regards,
Stefan
Progress Telerik

Thanks for the update, now that I know the current status I can plan accordingly.
Regards
Alan

Hello Admin,
The above reorder related issue is fixed then can you provide me the link of solution or any other stuff related this issue.
Thanks.
Hello Priyank,
I've already answered your question in this forum thread: https://www.telerik.com/forums/lock-column-issue#Q2zND3z2XEmY6YsKgj0s_g.
If you have additional questions related to my reply, let's continue the communication in the linked thread.
Regards,
Petar
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.