[英]How to set column width based on content in kendo ui grid angular 2?
[英]How to set column width of autogenerated columns in Kendo UI Grid for angular
無法設置自動生成的Kendo UI網格的角度寬度。 我想設置寬度與設置字段名稱,標題和數據類型相同。
我嘗試將屬性寬度添加到ColumnSetting數組中,然后嘗試僅在生成列時添加固定寬度設置,如下面的代碼所示,但它不起作用
預期結果是“列寬”由ColumnSetting數組中提供的數據設置。 目前,寬度沒有變化。
解決方法是這樣的:
<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'
}
]。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.