Ngx数据表可拖动行

时间:2018-10-12 12:38:41

标签: angular ngx-datatable

我正在尝试在ngx数据表行上实现拖放功能。

正如在Github https://github.com/swimlane/ngx-datatable/issues/411上的公开请求中所提到的,我可以添加一个自定义指令来实现此目的。 但是,当我尝试打开它们时,提供的所有插件都在控制台中显示了多个问题。

我在https://codesandbox.io/s/121n85o33处创建了一个工作示例,但是该功能无法正常工作。如果您在玩耍,您会看到行被无序删除。 如果有人可以指出正确的方向来解决问题,那将是很好的。

1 个答案:

答案 0 :(得分: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);
}
相关问题