Ag-grid drag and drop doesn't work after sorting rows

Question

After sorting my rows on Ag-grid-react, drag and drop stops working. Before sorting, drag and drop is all set and working well.

postSort API does not seem to have something to achieve what I need, reset the row or even set draggable just like for selection.

postSort={nodes => nodes.forEach(n => n.setRowSelectable(true))}

I've tried also to use

postSort={nodes => nodes.forEach(n => n.setDragging(true))}

but that would actually start the dragging for all the rows instead

I want the drag and drop to keep working when row is clicked after sorting them. Thanks in advance!

Answer 1

If you are using Managed Dragging (rowDragManaged={true}), you cannot drag any rows anywhere else because doing that will break the order of the rows as stated in the docs

The logic for managed dragging is simple and has the following constraints:

• Does not work when sorting is applied. This is because the sort order of the rows depends on the data and moving the data would break the sort order.

Answer 2

I found a solution that worked for me. if you are facing a similar issue where you want to enable drag after a sort you need to disable the sort like this:

gridColumnApi.applyColumnState({ defaultState: { sort: null } });

this will bring back the drag&drop to the columns you had it prior to the sort.

Still trying to find a way to tell the grid to reorganize its indexes so we can keep the sort and enable the drag at the same time.