通常,当我为每列使用单独的kendo-grid-column
标记时,我可以很容易地给出[width]
和ng模板用于任何特定列如何使用ngFor kendo grid angular 2为特定列提供宽度和ng模板?以一个例子从剑术文档在https://www.telerik.com/kendo-angular-ui/components/grid/columns/使用ngFor kendo grid angular 2为特定列赋予宽度和ng模板?
@Component({
selector: 'my-app',
template: `
<kendo-grid
[kendoGridBinding]="gridData"
[filterable]="true"
scrollable="none"
>
<kendo-grid-column
*ngFor="let column of columns"
field="{{column.field}}"
title="{{column.title}}"
format="{{column.format}}"
filter="{{column.type}}"
></kendo-grid-column>
</kendo-grid>
`
})
export class AppComponent {
public gridData: any[] = sampleProducts;
public columns: ColumnSetting[] = [
{
field: 'ProductName',
title: 'Product Name',
type: 'text'
}, {
field: 'UnitPrice',
format: '{0:c}',
title: 'Unit Price',
type: 'numeric'
}, {
field: 'FirstOrderedOn',
format: '{0:d}',
title: 'First Ordered',
type: 'date'
}
];
}
在生成列的上述方式,我希望使用纳克模板和宽度以一些特定的列。如果我将它写入kendo-grid-column
标记中,它将适用于所有列,但我只希望它用于特定列。我怎样才能做到这一点 ?
你尝试用[宽度] =“column.field ==='column_name'?'desired_width':'default_witdth'” –