Sortable.js : organiser et trier les colonnes dans un tableau

Question

Comment trier une liste à l'aide de la bibliothèque sortable.js ? https://sortablejs.github.io/Sortable/

J'ai défini sortable_container(sortable_employes id) sur l'attribut tr. Cela fonctionne très bien. Mais comment trier les td dans le corps en même temps ?

Veuillez voir le gif. Le corps n'est pas triable. Comment créer un tableau pour glisser-déposer les cellules d'en-tête et les cellules du corps. Ou comment puis-je configurer sortable.js pour faire cela à ma place ?

Vérifiez l'exemple de code :

const el = document.getElementById('sortable_employees');
        const sortable = new Sortable(el, {
            animation: 150,
            ghostClass: 'bg-blue-200',
        });

https://jsfiddle.net/mateuszbialowas/ds5bfj7v/27/

P粉745412116 · Answer

Vous pouvez essayer cette méthode div.


  
    column 0
     c0 r0
     c0 r1
     c0 r2 
     c0 r3 
     c0 r4 
     c0 r5 
  
  
    column 1
     c1 r0
     c1 r1
     c1 r2 
     c1 r3 
     c1 r4 
     c1 r5 
  
  
    column 2
     c2 r0
     c2 r1
     c2 r2 
     c2 r3 
     c2 r4 
     c2 r5 
  


Sortable.create(document.getElementById('draggableDivTable'), {
    sort: true,
    handle: '.columnHeader',
    animation: 150
});

https://codepen.io/jlapinski/pen/ZXYERN