6

对于 Grid 组件,如果我已经在 html 中预定义了几列,但结果集可以在预定义的列之上有各种附加列,我如何动态添加这些列?

在我检索数据之前,无法知道这些额外的列是什么?在使用 ViewChild 指令获取数据后,我可以访问网格组件,但是查看网格的列数组,如对象,我看不到以编程方式动态添加列的方法。

4

2 回答 2

13

您可以使用 ngFor 创建可变数量的列:

    <kendo-grid [data]="gridData">
      <ng-template ngFor [ngForOf]="columns" let-column>
        <kendo-grid-column field="{{column}}"></kendo-grid-column>
      </ng-template>
    </kendo-grid>

如果您想尝试一下,请参阅文档中的“显示和隐藏列”演示(在列示例中向下滚动)。

于 2016-09-21T07:18:29.550 回答
0

 <kendo-grid [data]="gridData">
 </kendo-grid>

您可以直接添加“gridData”而无需列名。

于 2019-08-22T10:24:01.000 回答