[data grid] Row ordering with custom DOM element

[ustimenko-andrew]

The problem in depth

After searching through the documentation, I couldn't find any solution for the following question: Is it possible to initialize the row reordering process not from the default drag icon column, but by using a custom DOM element that I can select?

I also noticed a limitation: if a column does not support position changes, then during row drag-and-drop, hovering over such a column does not change the order of the rows. Is this a bug or expected behavior?

Order ID:

[arminmeh]

Hey @ustimenko-andrew

Did you check the second part of customization section for the row reordering
https://mui.com/x/react-data-grid/row-ordering/#customizing-the-row-reordering-icon

It explains the possibility to customize the column property and states that

This approach can also be used to change the location of the toggle column.

Regarding the

I also noticed a limitation: if a column does not support position changes, then during row drag-and-drop, hovering over such a column does not change the order of the rows. Is this a bug or expected behavior?

this is a bug that we will take a look at (update: extracted to #17363)