Angular Material表拖放列排序不正常

Question

帶排序的角度材料表無法通過拖放正常工作。

這是我到目前為止所得到的，它有點適用於在拖放后排序與特定列一起工作的地方。 但仍然有奇怪的功能。

堆棧閃電戰

我希望能夠使用材料表的正常排序功能，同時能夠拖放列。

Answer 1

matSort需要在mat-table元素上

<mat-table [dataSource]="dataSource" class="mat-elevation-z8" cdkDropListGroup matSort>

而不是在ng-container上

<mat-table [dataSource]="dataSource" class="mat-elevation-z8" cdkDropListGroup>
  <ng-container *ngFor="let column of columns; let i = index" [matColumnDef]="column.field" matSort>