Utilisation de l’interface utilisateur jQuery avec des tables HTML sortingables

Je veux sortir des données de la firebase database dans un tableau HTML et je veux que l’utilisateur puisse réorganiser les lignes de tableau. Pour y parvenir, j’ai utilisé l’interface utilisateur jQuery sortingable, donc:

 $(function() { $( "#sortable" ).sortable(); $( "#sortable" ).disableSelection(); });  <?php while($row = mysql_fetch_assoc($co_authors)) { echo "{$row['author_email']} {$row['coauthor_level']}"; <button class='remove' id='remove' name='remove' email="" paper="">Remove "; } ?> 

Le problème est que lorsque je fais glisser une table tr , seuls les td sont déplacés. De plus, et surtout, seule la première ligne peut être déplacée: l’effet n’est pas appliqué aux autres lignes. Comment puis-je resoudre ceci?

    Vous pouvez appeler sortable sur un

    plutôt que sur les lignes individuelles.

     
    1 2
    3 4
    5 6
     $(function() { $( "tbody" ).sortable(); }); 
     table { border-spacing: collapse; border-spacing: 0; } td { width: 50px; height: 25px; border: 1px solid black; } 
        
    1 2
    3 4
    5 6
    7 8
    9 10