Мне нужно перетащить строку в мат-таблицу - PullRequest
0 голосов
/ 27 сентября 2019

Я использую 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
...