Comment utiliser jquery sortable pour trier une liste de tables? - javascript, jquery, order, glissable, jquery-ui-sortable

Donc, j'ai beaucoup de lignes de table où chaque peu appartiennentpour un groupe différent, ce que je veux, c’est que chaque ligne appartenant au même groupe se trouve dans une table différente et puisse être triée à l’intérieur de cette table (ce qui est facile à faire), mais je souhaite également ces tables de groupes. être également triable afin que vous puissiez faire glisser le entier table et réorganiser dans ces autres tables ..

J'ai essayé de faire une table triable principale qui contiendra les tables de groupes contenant les enregistrements triables.

Voici une illustration de ce que je veux dire

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

Ici, ces lieux de tableaux (Tableau 1 et Tableau 2) peuvent être échangés (réorganisés) incluent tout leur contenu bien sûr.

Infiniment reconnaissant!

Réponses:

Une solution simple consiste à envelopper les tables individuelles dans un div et à ajouter un handle élément à la div. Je suppose que vous utilisez jQueryUI triable qui a un handle option pour draggables et sortables

HTML:

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

jQuery:

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

DEMO: http://jsfiddle.net/fYx4D/1/