jquery UI Sortable avec tableau et largeur tr

Question

J'utilise jQuery UI sortable pour rendre ma grille de tableau triable. Le code semble fonctionner correctement, mais comme je n'ajoute pas de largeur à l'élément td lorsque je fais glisser le tr cela réduit le contenu.

Par exemple, si la ligne de mon tableau mesure 500px, lorsque je commence à la faire glisser, elle devient 300px. Je suppose que cela se produit parce qu'aucune largeur n'est définie dans la grille. Cela est dû au fait que j'utilise deux classes pour les éléments suivants td s ( fix et liquid ).

Le site fix fait de la classe td égale à la largeur du contenu et liquid fait le td largeur 100%. C'est mon approche pour le tableau de la grille sans avoir à assigner la largeur à td s.

Avez-vous une idée de la façon dont sortable peut fonctionner avec mon approche ?

Answer 1

Appliquez l'élément sortable à l'élément tbody du tableau et définissez simplement l'aide sur "clone", comme décrit dans le manuel de jquery-ui intitulé API

$("$my-table-tbody").sortable({
    helper: "clone"
});