jQuery重新排序表列

时间:2011-08-02 04:42:22

标签: javascript jquery html-table

我找到了适用于行的各种解决方案,以及适用于普通表列的各种解决方案,但我需要一个解决方案,允许我拖放列的标题,其中colspan> 1。

例如:

<table id="myTable">
<thead>
  <tr>
    <th>A1</th>
    <th colspan=2>A2</th>
    <th>A4</th>
    <th>A5</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>B1</td><td>B2</td><td>B3</td><td>B4</td><td>B5</td>
  </tr>
  <tr>
    <td>C1</td><td>C2</td><td>C3</td><td>C4</td><td>C5</td>
  </tr> 
</tbody>
</table>

当我将A2拖放到标题中的不同位置时,我需要能够重新排序列并使B2 / B3和C2 / C3移动。

2 个答案:

答案 0 :(得分:0)

我同意Sinetheta的看法,这听起来像是一个问题的复杂解决方案,可以通过使用免费的jQuery插件轻松解决 - 这将为您付出艰苦的努力!

http://www.jquery4u.com/plugins/30-amazing-jquery-tables/

答案 1 :(得分:0)

有许多jquery插件可以提供拖放表。如果col-span不止一个问题很复杂,请查看下面的链接。这里是JS FIDDLE

https://goo.gl/GSZ9Rs

添加了四个外部资源。参考插件:https://akottr.github.io/dragtable/