Ngx-datatable可拖动行

Question

我正在尝试在ngx-datatable行上实现拖放功能。

正如在Github https://github.com/swimlane/ngx-datatable/issues/411上的这个开放请求中所提到的，我可以添加一个自定义指令来实现这一点。但是，当我尝试打开它们时，所有提供的掠夺程序都会在控制台中显示多个问题。

我在这里创建了一个工作示例https://codesandbox.io/s/121n85o33，但该功能无法正常工作。如果你玩，你可以看到没有订单的行被删除。如果有人能指出我正确的方向来解决问题，那将是很棒的。

Answer 1

只需在AppComponent.ts中删除onDrop中的切片调用：

onDrop(event) {
  console.log("onDrop", event);
  // ngx-datatable recommends you force change detection
  //let newData = event.slice();

  // OR let this.data = [...event]
  this.rows = event;
  console.log("update", this.rows);
}