Jquery 在HTML表格布局中重新定位列及其内容

我正在使用一个表作为报告UI

会是这样的

现在，我对它进行了更改，比如，我可以重新排列表中的列，这样我就可以轻松地创建新的重新排列的报告

比如：

我已经用jquerydraggable和sortable完成了表头。但不知道如何重新定位标题对应的列

---

请帮助。

您需要从

中获取该列的索引，并将移动应用于

tbody

中的所有列

有许多可用的插件-请查看google以获得类似的结果

• （IE7+）另见
• 老苏问题
• 以上问题的答案列出了akkotr的dragtable.js和as示例（派生自）

Akott使用一种方法，将css类附加到要拖动的列上，获取该列的索引，找到该索引的元素（使用

thtb.find（'>tr>td:nth child（'+i+'）））

，然后将原始索引与要将列移动到的位置进行比较（请参阅函数

\u bubbleCols

） 然后使用名为

swapNodes

的函数将选定的列与新位置的列交换

有一些聪明的事情，比如异步重新安排表、处理内部表、firefox修复、对（不）支持的msie行为的评论等等