2011-08-02 265 views
2

我發現了各種適用於行的解決方案,以及適用於普通表格列的各種解決方案,但我需要一個解決方案,允許我拖放列的標題,其中colspan> 1。jQuery重新排序表列

例如:

<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> 

我需要能夠重新排序的列和具有B2/B3和C2/C3得到當我拖/放A2到在報頭中不同的點移動。

+0

您可能必須先指定要用來拖動非擴展列的JS。讓我想起jQuery UI排序,但這將是一個完全不重要的實現。 – Sinetheta

回答

0

有很多的jQuery插件的這一規定拖放表的下降。作爲跨度不止一個問題的複雜問題,請檢查下面的鏈接。這裏是JS FIDDLE

https://goo.gl/GSZ9Rs

有四個外部資源補充。作爲參考插件:https://akottr.github.io/dragtable/

+0

請注意,[只有鏈接的答案](http://meta.stackoverflow.com/tags/link-only-answers/info)不鼓勵,所以答案應該是搜索解決方案的終點(vs.而另一個引用的中途停留時間往往會隨着時間推移而過時)。請考慮在此添加獨立的摘要,並將鏈接保留爲參考。 – kleopatra