jQuery 可排序表格（或表格样式布局）

Question

我想呈现一个表格，用户可以将列和行拖放到任何顺序。我已经使用 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，并有一个边距将它们分开，所以它就像一系列气泡，所有这些气泡都以网格形式排列，但完全可以排序。

希望你能帮忙。

Answer 1

我使用了johnny/jquery-sortable。

我不得不修复给定示例中的 col 排序代码...see it here。

现在表格行和列是 dnd。