【发布时间】：2015-03-19 20:21:55
【问题描述】：
我正在为报表 UI 使用表格，
会是这样的
现在，我正在改变它，我可以重新排列表格的列，以便轻松制作新的重新排列的报告。
喜欢：
我已经完成了带有 Jquery 可拖动和可排序的表头。但是不知道如何用标题重新定位对应的列。
请帮忙。
【问题讨论】：
标签： jquery html html-table jquery-ui-sortable jquery-ui-draggable
【发布时间】：2015-03-19 20:21:55
【问题描述】：
您需要从<thead> 获取该列的索引，并将移动应用到tbody 中的所有列。
有许多可用的插件 - 请参阅 google https://www.google.co.uk/search?q=jquery+ui+draggable+column 以获得类似的结果
- http://akottr.github.io/dragtable/ (IE7+) 另见http://www.jqueryscript.net/demo/Simple-jQuery-Plugin-For-Draggable-Table-Columns-Dragtable/
- 老SO问题Drag and drop sorting of table columns with jQuery
- 对上述 SO 问题的回答列出了 akkotr 的 dragtable.js 和 http://jebaird.com/demos/dragtable/ 作为示例（来自 akottr's dragtable）。
akottr 使用一种方法，将 css 类附加到您要拖动的列，获取该列的索引，找到该索引的元素（使用thtb.find('> tr > td:nth-child(' + i + ')')，然后将原始索引与您想要的位置进行比较将列移动到（参见函数_bubbleCols）
然后使用一个名为swapNodes 的函数将选择的列与新位置的列交换。
有一些聪明的东西，比如异步重新排列表格、处理内部表格、firefox 修复、cmets （不）支持的 msie 行为等
【讨论】：