ユーザーが列と行を任意の順序にドラッグ アンド ドロップできるテーブルをレンダリングしたいと考えています。jQuery sortable を使用して div 列またはテーブル行でこれを実現しましたが、達成したいのは列と行の両方をドラッグする機能です。
例えば:
(1) (2) (3) (4)
(a) row1 col1 col2
(b) row2 col2 col3
したがって、上の図では、ユーザーは列 (2)、(3) & (4) の順序を入れ替えることができますが、行 (a) & (b) も入れ替えることができます。列 1 は、ヘッダー行 (1) と同様に固定され、並べ替え可能にはなりません。
おそらくdivか何かでこれを達成する必要があると思いますが、ロジックはかなり複雑になると思います。
これを達成する方法について誰かアイデアがありますか。実際のレイアウトをグリッド (Excel スタイル) のように見せたくないので、既存の Excel スタイル グリッド プラグインを使用したくありません。各セルは、すべてを区切るマージンを備えた角の丸い div になるため、一連のバブルはすべてグリッド形式で配置されますが、完全に並べ替えることができます。
お役に立てれば幸いです。