javascript - Angular Material 表拖放列排序不起作用

标签 javascript html angular typescript angular-material

具有排序功能的 Angular Material 表无法通过拖放操作正常工作。

这是我到目前为止所获得的,它在拖放后对特定列进行排序的情况下可以正常工作。但仍然有奇怪的功能。

Stackblitz

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

最佳答案

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>

关于javascript - Angular Material 表拖放列排序不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56236058/

相关文章:

javascript - 为什么当我分配变量时控制台打印未定义?

javascript - 获取图像的高度

html - 在 HTML5 Canvas 中设置单个像素的最佳方法是什么?

angular - 使用 Angular Material 表进行多文本搜索

javascript - RxJS Observable 立即返回数据,为什么?

javascript - 通过node js上传到dropbox失败

javascript - 如何使用 flex-wrap : wrap 去除行与行之间的空间

html - 响应式横幅 HTML/CSS

jquery - 如何将div float 到一边并在滚动时保持粘性

Angular Google Maps 获取 map 边界内的所有位置