角度表分类和拖放表行冲突

我在我的项目中使用angular table-sort和angular drag-drop。当我拖动一行并试图将其拖放到另一行时，表格会将这些行强制排序到它们以前的位置。角度表分类和拖放表行冲突

如果我删除表排序指令ts-repeat，然后完美地拖放作品。我还需要默认表列排序“年龄”上升。为了更好地理解，我已经举了一个例子。 https://plnkr.co/edit/pHlTufpayFAB4he8bN6y

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

任何人都可以帮我解决这个问题吗？我真的很感激这一点。在此先感谢。

来源

2016-05-25 Tahsin Abrar

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

来源

2016-05-30 06:11:18 fodma1

但我也需要'ts-repeat'。因为客户需要最初对数据进行排序，所以如果需要，可以使用不同的列进行排序。所以，为此，使用'ts-repeat'对我来说是强制性的。当添加一个新行时，它也被排序在我的项目中（为简单起见，没有包括它）。所以，我必须在同一个表中同时使用'ts-repeat'和'drag-and-drop'。 –

现在我明白了，您希望能够排序，还可以手动修改订单。我想你可以尝试http://lorenzofox3.github.io/smart-table-website/，它的功能更丰富一点。我想你可以关闭排序，如果手动更改。 – fodma1

您可以尝试使用Angular ui-sortable而不是角拖拽。我认为它会为你工作。

来源

2016-06-04 10:53:22

PrimeNG表提供行拖拽的重新排序，你需要即将到来的5.2.1。

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

来源

2018-03-04 18:40:20

角度表分类和拖放表行冲突

回答

相关问题