2011-08-02 16 views
2

私は、行のために働くさまざまなソリューション、およびプレーンテーブルのカラムで動作するさまざまなソリューションを見つけましたが、私はカラムのヘッダをドラッグ&ドロップできるソリューションが必要です。 1。例えばjQuery re-ordering table columns

<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が移動得る有します。

+0

おそらく、非colanned列をドラッグするために使用しているJSを指定する必要があります。 JqueryのUIソート可能ですが、これはまったく重要な実装ではありません。 – Sinetheta

答えて

0

jqueryの多くのプラグインテーブルのドラッグ&ドロップの規定があります。 2つ以上のcol-spanの複雑な問題として、以下のリンクを確認してください。ここJS FIDDLE

https://goo.gl/GSZ9Rs

がある4つの外部リソースが追加されます。参照プラグインの場合:https://akottr.github.io/dragtable/

+0

[リンクのみの回答](http://meta.stackoverflow.com/tags/link-only-answers/info)はお勧めできませんので、SOの回答は解決策の検索の終点になるはずです。時間の経過とともに古くなる傾向がある参照の途中降機)。リンクを参考にして、ここにスタンドアロンの概要を追加することを検討してください。 – kleopatra