相关疑难解决方法(0)

角材料 mat-table 中的 cdkDragHandle 无效

我想知道是否有可能包含定义为垫子图标的单元格

cdkDragHandle。目前它在整行上处于活动状态,但我只想将单个图标用作拖动句柄

这是我正在使用的代码的一部分:

<mat-table #table [dataSource]="dataSource" class="mat-elevation-z8" 
cdkDropList [cdkDropListData]="dataSource"
(cdkDropListDropped)="dropTable($event)">

<ng-container matColumnDef="Order">
  <mat-header-cell *matHeaderCellDef>
    Actions
  </mat-header-cell>
  <mat-cell mat-cell *matCellDef="let element">
    <mat-icon class="dragCursor" cdkDragHandle>reorder</mat-icon>
    {{element.order}}
    <button mat-icon-button (click)="onDeleteClick(element)">
      <mat-icon>delete</mat-icon>
    </button>
  </mat-cell>
</ng-container>

... more column definitions

<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
<mat-row *matRowDef="let row; columns: displayedColumns;" cdkDrag    [cdkDragData]="row" cdkDragLockAxis="y"></mat-row>
Run Code Online (Sandbox Code Playgroud)

我还尝试在 mat-cell 上定义拖动手柄,但无济于事。有谁知道如何解决这个问题?

提前致谢!

angular-material angular

9
推荐指数
1
解决办法
999
查看次数

标签 统计

angular ×1

angular-material ×1