表格行上的角度cdkDragDrop

如何解决表格行上的角度cdkDragDrop

我有3个表tableOne，tableTwo和extraTable。

当前，我已经实现了在多个表之间的拖放操作，其中可以将来自tableOne的行添加到tableTwo。

我可以通过拥有来实现这一目标。

<table mat-table [dataSource]="dataSource"
                 class="mat-elevation-z8"
                 cdkDropList
                 id="tableTwo"
                 [cdkDropListAutoScrolldisabled]='true'
                 [cdkDropListData]="dataSource"
                 [cdkDropListConnectedTo]="['tableOne']"
                 (cdkDropListDropped)="dropToTableTwo($event)">

<tr mat-row *matRowDef="let row; columns: tableTwoColumns;" cdkDrag [cdkDragData]="row"></tr>

现在，在某些特殊情况下，必须将extraTable的行放置在row表中任何tableTwo的顶部，并且应该使用拖动的内容触发事件表格行和删除的表格行。

我尝试在cdkDropList边的tr上添加cdkDrag，但它仅适用于第一行。

<tr mat-row cdkDropList *matRowDef="let row; columns: tableTwoColumns;" cdkDrag [cdkDragData]="row"
                id="tableTwoRow"
                [cdkDropListConnectedTo]="['extraTable']"
                (cdkDropListDropped)="dropToTableTwoRow($event)"></tr>

任何人都知道如何实现它。 任何帮助表示赞赏。

谢谢