I use SortableJS to drag and drop tr items in a table. Some of them are dragged individually (it works very well), while others have to "take" some others with them when dragged.
Example :
<tr class='alpha-01'></tr>
<tr class='beta-01'></tr>
<tr class='beta-01'></tr>
<tr class='alpha-02'></tr>
<tr class='beta-02'></tr>
<tr class='beta-02'></tr>
I tried with multiDrag to programmatically select the "beta-Y" when "alpha-Y" is dragged. It works, they are selected, but I have to mouseup and mousedown again to drag them all. If I keep mousedown on my "alpha-Y" item when I select it, only this one is dragged.
What I want is : When I drag a "beta-X" tr, only this one is dragged. But when I drag a "alpha-Y", all the "beta-Y" are dragged with it automatically whitout having to mouseup/mousedown (because this is not userfriendly)
Exemple on fiddle : https://jsfiddle.net/Lgfmcz3j/
