cdkDragHandle в угловом материале мат-таблицы не действует

Question

Я хочу знать, возможно ли иметь ячейку, содержащую иконку с матом, определенную как

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>

Я также пытался определить перетаскивание на ячейке мата безрезультатно.Кто-нибудь знает, как это можно решить?

Заранее спасибо!