7
votes

Table angulaire Table - Trier et glisser-déposer le conflit de rangée

J'utilise Table angulaire Tri-tri et Drop-gouttes angulaires dans mon projet. Lorsque je traîne une rangée et j'essaie de le laisser tomber à une autre rangée, Table Table Trier trier les lignes à leur position précédente.

Si je supprimais la directive de tri de la table TS-répéter , puis glisser fonctionne parfaitement. J'ai également besoin de tri de la colonne de table de table par défaut "âge" ascendante. J'ai fait un exemple sur PLUCKER pour une meilleure compréhension. https://plnkr.co/edit/phltufpayfab4he8bn6y

Alors, comment empêcher la tri de table lorsque vous faites glisser et déposer une ligne?

Quelqu'un peut-il m'aider à résoudre ce problème? J'apprécierais réellement cela. Merci d'avance.


0 commentaires

3 Réponses :


6
votes

Je pense que vous devriez simplement vous débarrasser de Ts-répéter et trier uniquement les données initialement (dans votre service / contrôleur). Ce n'est pas un bug, c'est une fonctionnalité. Imaginez que vous enlevez puis re-ajoutez un élément à une table, ce qui est trié. Vous voulez qu'il reste trié, non?


2 commentaires

Mais j'ai besoin TS-répéter aussi. Parce que c'est une obligation cliente de trier les données initialement, triez avec différentes colonnes si elles le souhaitent. Ainsi, pour cela, en utilisant TS-répéter est obligatoire pour moi. Et lors de l'ajout d'une nouvelle ligne, il a également été trié dans mon projet (ne l'incluait pas pour la simplicité). Donc, je dois utiliser les deux TS-répétez et glisser-drop dans la même table.


Maintenant, je l'obtiens, vous voulez être capable de trier, mais modifiez également la commande manuellement. Je pense que vous pourriez essayer lorenzofox3.github.io/smart-table-website , C'est un peu plus de caractéristiques riches. Je suppose que vous pouvez désactiver le tri si des modifications manuelles ont été apportées.



2
votes

Vous pouvez essayer en utilisant angulaire UI-Soyable au lieu d'une goutte de glissement angulaire . Je pense que cela fonctionnera pour vous.


0 commentaires

0
votes

La table Primeng offre une nouvelle réorganisation de ligne avec une goutte de traînée, vous avez besoin de 5,2.1 à venir.

https://www.primefaces.org/primeng/#/table/reorder


0 commentaires