我有一系列具有以下特征的表格数据元素：
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
每组中总是有相同数量的值。直到运行时才知道组的总数。值保留在列中很重要（这就是我选择 a 的原因table）。列中任何特定值的宽度可能会有所不同。
我需要为用户提供重新排序组的能力。所以，我一直在尝试使用 jQueryUI sortable 来支持排序，但我还没有想出一个同时拖动 Group 行和 Values 行的好方法（并将其包含在拖动操作中）。
我已经包含了一个简单的jsfiddle作为演示。
仅供参考：可能有数百行组和值，因此我暂时避免了需要手动列生成/调整大小代码的解决方案。
我考虑过的一个选项是使用 start 事件来尝试隐藏配对的行并在排序操作完成后移动它，但这对用户来说在视觉上不会那么好。
一个解决方案或替代方案将不胜感激。