Как установить ширину столбца автоматически сгенерированных столбцов в Kendo UI Grid для угловых

Question

Невозможно задать ширину для автоматически сгенерированного Kendo UI Grid для угловых.Я хочу установить ширину так же, как я задаю имя поля, заголовок и тип данных.

Я попытался добавить свойство width в свой массив 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'
}

];