Angular Material表拖放列不排序

时间:2019-05-21 10:15:02

标签: javascript html angular typescript angular-material

带角度的物料表无法通过拖放正常工作。

到目前为止,这是我的工作,它在拖放后对特定列进行排序时可以使用。但是仍然具有怪异的功能。

Stackblitz

我希望能够使用Material Table的常规排序功能,同时能够拖放列。

1 个答案:

答案 0 :(得分:2)

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>