javascript - Angular Material tabulka přetahování sloupců s řazením nefunguje

Tabulka Angular Material s řazením nefunguje správně při přetahování.

Tady je to, co mám zatím, tak nějak to funguje, kde řazení funguje s konkrétním sloupcem po přetažení a upuštění. Ale stále to má divnou funkčnost.

Stackblitz

Chci být schopný používat běžnou funkci řazení v Material Table a zároveň být schopen přetahovat sloupce.

Odpověď č. 1

matSort musí být na elementu mat-table

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

spíše než na 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>