JS jQuery - 使HTML表列可排序（通过拖放）

Question

我有一个非常简单的HTML表格，应用了jQuery sortable，以便用户可以通过拖放来重新排序行：

http://jsfiddle.net/umRJr/201/

我没有成功的尝试是让这个表也可以按列排序。也就是说，允许用户拖放列。

如何做到这一点？

任何想法，无论是js，jQuery还是仅仅是概念性的。

Answer 1

我找到了一个超级简单的纯js库，它就是这样做的：

http://www.danvk.org/wp/dragtable/

这是纯粹的javascript，不需要jQuery。

Answer 2

虽然我没有完整的解决方案，但我确实有一些能够帮助您实现目标的方法。

我做了一个关于排序列的快速Google搜索，并且遇到了这个对列进行排序的插件。

http://jebaird.com/dev/project/dragtable/demo.htm

由于您已经知道如何对行进行排序，因此我确信您可以应用您的代码 - 在应用此插件后对行和列进行排序。

希望得到这个帮助。

祝你的项目好运。

Answer 3

如果您不知道网格模式中的可排序工作（从左到右），那么可以使用具有浮动div和设置宽度的列。

您可以重新设置界面以在排序行和排序列模式之间切换。在列模式下，您将使用div来包装每个列，这可以是单个列表。然后，您可以重新排序列，然后切换回行排序模式以对行进行排序。它会很酷。