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);
}

Ngx-datatable 可拖动行

Ngx-datatable draggable row

ngx-datatable

angular