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

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

Я попытался добавить ширину свойства в свой массив ColumnSetting, а затем попытался просто добавить настройку фиксированной ширины при создании столбцов, как показано в коде ниже, но это не работает

Ожидаемый результат заключается в том, что ширина столбцов устанавливается данными, предоставленными в массиве ColumnSetting. В настоящее время ширина не меняется.


angular kendo-grid autogeneratecolumn
person Vikram Jhurry    schedule 28.01.2019    source источник
comment
мой код: kendo-grid-column *ngFor=let столбец столбцов field={{column.field}} title={{column.title}} format={{column.format}} filter={{column.type} } [ширина]=400 ›‹/kendo-grid-column› и :   -  person Vikram Jhurry    schedule 28.01.2019
comment
также пробовал: kendo-grid-column *ngFor=let столбец столбцов field={{column.field}} title={{column.title}} format={{column.format}} filter={{column.type} } [width]={{column.width}} ›‹/kendo-grid-column›   -  person Vikram Jhurry    schedule 28.01.2019

Ответы (1)


arrow_upward
0
arrow_downward

Решение таково:

    <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'
}

];

person Vikram Jhurry    schedule 10.02.2019