Я использую mat-table в angular 8. Я хочу перетащить строку в mat-table с помощью перетаскивания столбца.Я могу делать со столбцами, но я тоже имею дело со строками.
Ниже мой код, который я использую в настоящее время:
Я пытался Google, но обе функции не совпадаютстр.
<mat-table [dataSource]="dataSource1" class="mat-elevation-z8" cdkDropListGroup matSort>
<ng-container *ngFor="let column of columns; let i = index" [matColumnDef]="column.field">
<mat-header-cell *matHeaderCellDef cdkDropList cdkDropListLockAxis="x" cdkDropListOrientation="horizontal"
(cdkDropListDropped)="dropListDropped($event, i)" cdkDrag (cdkDragStarted)="dragStarted1($event, i)"
[cdkDragData]="{name: column.field, columIndex: i}" mat-sort-header>
{{ column.field }}
</mat-header-cell>
<mat-cell *matCellDef="let row"> {{ row[column.field] }}</mat-cell>
</ng-container>
<mat-header-row *matHeaderRowDef="wathcListDisplayColumns"></mat-header-row>
<mat-row (click)="openDialog(row)" *matRowDef="let row; columns: wathcListDisplayColumns;"></mat-row>
</mat-table>
I want to drag and drow row and column in mat-table