在单击事件上调整ngx-datatable列宽

Question

当我单击列标题中的图标时，我需要将ngx-datatable列扩展为其columnMaxWidth属性，但我似乎无法弄清楚如何执行此操作。这是我目前的代码：

HTML

<ngx-datatable-column *ngFor="let columnDef of columnDefs" [width]="columnDef.columnWidth" [minWidth]="columnDef.columnMinWidth" [maxWidth]="columnDef.columnMaxWidth">
    <md-icon (click)="setColWidth(columnDef)">drag_handle</md-icon>
        //....

component.ts

setColWidth(col){
  col.columnWidth = col.columnMaxWidth;
}

如果我在console.log(col)函数末尾运行setColWidth()，col.columnWidth 成功将最大宽度值指定给col.columnWidth，更新的columnWidth值实际上不会更改HTML元素的宽度。我对Angular很新，所以我的预感是我需要在列元素上实现双向数据绑定。但我不知道如何实现这一目标。

Angular版本：5.0.0

Angular Material版本：2.0.0-beta.5

ngx-datatable版本：11.0.4

谢谢！