Expand and collapse rows with drag-and-drop

[TomPast]

Hey, is there any way I can use expand and collapse rows with the drag and drop functionality. For example, i would like to drag and drop a complete row with his subrows under another row.

Expandable and collapse rows : https://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/row-dnd
Drag and Drop rows : https://codesandbox.io/s/jolly-payne-dxs1d?fontsize=14&hidenavigation=1&theme=dark

[gregoryforel]

Hi @TomPast ,

I haven't tried, but if you look at the source from row-dnd and get some inspiration from how this component does it, you might be able to.

It looks like they consider 2 different drop areas. The first would be to drop directly on a node. In that case, the dropped node becomes a child. The second one is to drop between 2 nodes, and this re-orders the nodes.

@tannerlinsley : hello Tanner! Do you foresee any reason why this behaviour could not be implemented in react-table?