-1

そのため、いくつかのテーブル行があり、それぞれが異なるグループに属しています。同じグループに属している各行が異なるテーブルにあり、このテーブル内でソートできるようにする必要があります (これは簡単です)。 )、しかし、グループのテーブルもソート可能にして、テーブル全体をドラッグして他のテーブル内で並べ替えることができるようにしたい..

ソート可能なレコードを含むグループテーブルを内部に持つメインのソート可能なテーブルを作成してみました。

これが私が意味することの実例です

Table 1
-----------------------------
Field 1 | Field 2 | Filed 3 |
-----------------------------
R1C1    | R1C2    | R1C3    |
-----------------------------
R2C1    | R2C2    | R2C3    |
-----------------------------

Table 2
-----------------------------
Field 1 | Field 2 | Filed 3 |
-----------------------------
R1C1    | R1C2    | R1C3    |
-----------------------------
R2C1    | R2C2    | R2C3    |
-----------------------------

ここで、これらの表 (表 1 と表 2) の場所を交換 (並べ替え) することができ、もちろんすべての内容が含まれます。

とても感謝しております!

4

1 に答える 1

2

簡単な解決策は、個々のテーブルを div でラップし、handle要素を div に追加することです。handleDraggables と sortables のオプションがある jQueryUI sortable を使用していると仮定しています

HTML:

<uL>
   <li>
        <div>
            <div class="handle"></div>
            <table> </table>
        </div>
    </li>
</ul>

jQuery:

$('table').sortable({items:'tr'});
$('ul').sortable({
    items:'li',
    handle:'.handle'
});

デモ: http://jsfiddle.net/fYx4D/1/

于 2012-11-21T13:06:08.833 に答える