我有一系列具有以下特征的表格数据元素：
Group Name #1
Value1-1 Value1-2 Value1-3 Value1-4 ... Value1-N
Group Name #2
Value2-1 Value2-2 Value2-3 Value2-4 ... Value2-N
每组中的值总是相同。直到运行时才知道组的总数。值保留在列中非常重要（这就是我选择table的原因）。列中任何特定值的宽度可能会有所不同。
我需要为用户提供重新排序组的功能。所以，我一直在尝试使用jQueryUI sortable来支持排序，但是我还没有想出一个同时拖动Group行和Values行的好方法（并将它包含在拖动操作中）。
我添加了一个简单的jsfiddle作为演示。
仅供参考：可能有数百行的组和值，因此我现在避免使用手动生成列/调整大小代码的解决方案。
我考虑过的一个选项是使用start事件来尝试隐藏配对行并在排序操作完成后移动它，但对于用户而言，这看起来不太好。
非常感谢解决方案或替代方案。