如何根据kendo ui grid angular 2中的内容设置列宽？

import { Component } from '@angular/core';
import { GridDataResult, PageChangeEvent } from '@progress/kendo-angular-grid';

@Component({
  selector: 'my-app',
  template: `
    <kendo-grid [data]="gridData" [pageSize]="pageSize" [skip]="skip" [pageable]="true" [height]="410">
      <kendo-grid-column field="ProductName" title="Product Name" [width]="200"></kendo-grid-column>
      <kendo-grid-column field="UnitPrice" title="Unit Price" [width]="100"></kendo-grid-column>
      <kendo-grid-column field="UnitsInStock" title="Units In Stock" [width]="100"></kendo-grid-column>
    </kendo-grid>
  `
})
export class AppComponent {
  public gridData: GridDataResult;
  public pageSize = 10;
  public skip = 0;

  constructor() {
    this.gridData = this.createRandomData(100);
  }

  private createRandomData(count: number): any[] {
    // 生成随机数据的代码
  }
}