angular - 如何在 Kendo UI Grid 中为角度设置自动生成列的列宽

Question

无法为角度设置自动生成的 Kendo UI 网格的宽度。我想设置与设置字段名称、标题和数据类型相同的宽度。

我尝试向我的 ColumnSetting 数组添加一个属性宽度，然后尝试在生成列时添加一个固定宽度设置，如下面的代码所示，但它不起作用

预期结果是列宽由 ColumnSetting 数组中提供的数据设置。目前宽度没有变化。

Answer 1

解决方案是这样的：

    <kendo-grid
    [data]="gridView"
    [loading]="loading"
    [skip]="skip"
    [pageSize]="pageSize"
    [scrollable]="'virtual'"
    [rowHeight]="35"
    [height]="450"
    (pageChange)="pageChange($event)"
    [navigable]="true"
  >
  <kendo-grid-column  *ngFor="let column of columns" [width]="column.width"
  field="{{column.field}}"
  title="{{column.title}}"
  format="{{column.format}}"
  filter="{{column.type}}" ></kendo-grid-column> 
</kendo-grid>

    public columns: ColumnSetting[] = [
{
  field: 'Id',
  title: 'Id',
  type: 'text',
  width: "100px"
}, {
  field: 'firstName',

  title: 'FirstName',
  type: 'text',
  width: "20px"
}, {
  field: 'lastName',
  width: "40px",
  title: 'LastName',
  type: 'text'
}

];