拖放具有table-expandable-rows表的行

Question

有一个问题的角度材料表-可扩展-行与拖放行。拖放完全不起作用

下面是drop函数：

export class AppComponent  {
  @ViewChild('table') table: MatTable<PeriodicElement>;
  displayedColumns: string[] = ['position', 'name', 'weight', 'symbol'];
  dataSource = ELEMENT_DATA;
  expandedElement: PeriodicElement | null;
  
  dropTable(event: CdkDragDrop<PeriodicElement[]>) {
    const prevIndex = this.dataSource.findIndex((d) => d === event.item.data);
    moveItemInArray(this.dataSource, prevIndex, event.currentIndex);
    this.table.renderRows();
  }
}

下面是示例代码StackBlitz

Answer 1

现在我遇到了和你一样的问题，但我想我已经找到了解决方案。基本上，问题出在引用cdkDrag的那一行。除了CSS之外，我还粘贴了一个相当难看但工作正常的CSS。当我准备好的时候，我会很好地离开

https://angular-bgjaeg.stackblitz.io

https://stackblitz.com/edit/angular-bgjaeg?file=src%2Fapp%2Fapp.component.html