次の特性を持つ一連の表形式のデータ要素があります。
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 を試してみましたが、グループ行と値行の両方を同時にドラッグする (そしてドラッグ操作に含める) 良い方法を思いつきませんでした。
デモンストレーションとして単純なjsfiddleを含めました。
参考: 数百行のグループと値が存在する可能性があるため、手動の列生成/サイズ変更コードを必要とするソリューションは今のところ避けています。
私が検討したオプションの 1 つは、開始イベントを使用してペアの行を非表示にし、並べ替え操作が完了した後に移動することでしたが、それはユーザーにとって視覚的にあまり良くありません。
解決策または代替案をいただければ幸いです。