角度表排序和拖放表行冲突

Posted 2021-04-20

我在我的项目中使用angular table-sort和angular drag-drop。当我拖动一行并尝试将其拖放到另一行时，表格会强行将行排序到其先前的位置。

如果我删除表排序指令ts-repeat，那么拖放工作完美。我还需要默认表列排序“Age”升序。我在plunker上做了一个例子，以便更好地理解。 https://plnkr.co/edit/pHlTufpayFAB4he8bN6y

那么，拖放行时如何防止表排序？

任何人都可以帮我解决这个问题吗？我真的很感激。提前致谢。

答案

我认为你应该摆脱ts-repeat，并且最初只对数据进行排序（在你的服务/控制器中）。这不是一个错误，这是一个功能。想象一下，您删除然后将一个元素重新添加到已排序的表中。你希望它保持排序，对吧？

另一答案

您可以尝试使用Angular ui-sortable而不是角度拖放。我认为这对你有用。

另一答案

PrimeNG Table提供带拖放的行重新排序，但您需要即将推出的5.2.1。

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