1

ユーザーが列と行を任意の順序にドラッグ アンド ドロップできるテーブルをレンダリングしたいと考えています。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 になるため、一連のバブルはすべてグリッド形式で配置されますが、完全に並べ替えることができます。

お役に立てれば幸いです。

4

1 に答える 1