Grid - Reordering within a multi-column block.

[Peter]

We using 2024.1.319.

I set up an example here: https://dojo.telerik.com/xVuefKEn.   I actually want to try and prevent reordering within a multi-column columns.   Normal columns I can prevent easily.   

Unfortunately, it appears as though the new and old indexes are not clear.   Sometimes they are the same but the column moves anyway.   If I manually try to reorder it back to the oldindex, that doesn't work.

It is like the old and new indexes are incorrect in this situation.

[Neli]

Hi Peter,

You can use the approach described in the following KB:

- https://docs.telerik.com/kendo-ui/knowledge-base/grid-prevent-columns-reordering

Here you will find the modified Dojo example using multicolumn headers: https://dojo.telerik.com/LISiYuOl 

In addition, there is a feature request for built-in singular column reordering and I recommend casting your vote for it:

https://feedback.telerik.com/kendo-jquery-ui/1667040-singular-column-reorder-functionality

Please let me know if you have any questions.

Regards,
Neli
Progress Telerik

[Peter]

Unfortunately, the dojo, you updated, doesn't prevent the column dragging for the child columns of a multi-column. 

The debugger statements don't appear to work in dojo, so I used console.logs but it presents the same confusion over the new/old indexes of child columns.

That feature request is mine.  Thanks.

[Neli]

Hi Peter,

You can use the same approach and check if the currently reordered column exists in the columns array, if not you can search for it in the nested columns (columns[i].columns). Here you will find the modified example: https://dojo.telerik.com/XasylJFW. You can use the example and extend the logic accoridng the the requirements of the project.  

Regards, Neli

[Peter]

Thanks that variation helped and solves my issue.