Thanks for the explanation, I now understand there is a conflict with the scroll event.
1)
This can easily be solved with the use of a drag handle on the row, and hand icon. The way this works is is simple, if user hovers/clicks/drag/selects the row on the drag handle then its not scroll, but drag drop event - so directly attach the DnD listener.
Here are some samples. I think the drag drop performance would see a huge boost
2) Similarly, I also want to change css for the grouping-bar css the same in the tree grid and grid - can I put a background image. like an Icon or a texture.
How can I put cross lines The grouping area like this (ignore the text) and see the bottom area.
thanks