Utilisation de jQuery UI sortable avec des tableaux HTML

Question

Je veux afficher des données de la base de données dans un tableau HTML, et je veux que l'utilisateur puisse réorganiser les lignes du tableau. Pour ce faire, j'ai utilisé jQuery UI sortable, ainsi :

    $(function() {
        $( "#sortable" ).sortable();
        $( "#sortable" ).disableSelection();
    });

{$row['author_email']}
                         {$row['coauthor_level']}";
                         Remove
                         ";
                }
?>

Le problème est que lorsque je déplace une ligne de tableau tr, seuls les td sont déplacés. De plus, et surtout, seule la première ligne est déplaçable : l'effet n'est pas appliqué aux autres lignes. Comment puis-je résoudre cela ?

Answer 1

Vous pouvez appeler sortable sur un au lieu des lignes individuelles.

            1
            2

            3
            4 

            5
            6

​

    $('tbody').sortable();

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