Javascript 带排序的角度材质表拖放列未写入

带排序的角度材质表在拖放时无法正常工作

这是我到目前为止得到的结果，在拖放特定列之后，排序可以工作。但仍然有奇怪的功能

---

我希望能够使用的正常排序功能，同时能够拖放列。

matSort

需要位于

mat table

元素上

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

---

拖放在stackblitz上不起作用。我认为你的stackblitz需要一个主题（例如，将

@import'@angular/material/prebuilded themes/deeppurple amber.css'；

添加到

style.css

）和

hammerjs

（

import'hammerjs'；

在

app.component.ts

中）我已经用你的建议更新了stackblitz。另外，如果你拖动列标题，那么它会拖动整个列，单元格上不会有拖动。顺便说一句，你就是那个人。还没有找到列的排序，你的stackblitz马上就开始工作了。如果你介意的话，我把它贴在他们的github上作为参考。谢谢，完全没有注意到它在ng容器中。

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