Angular2的Kendo UI - Grid如何动态添加列

Question

对于Grid compomemet，如果我已经在html中预定义了几个列，但结果集可以在预定义的列上有多种附加列，那我该如何动态添加这些列？

在检索数据之后，无法知道这些额外列是什么？在使用ViewChild指令获取数据之后，我可以访问网格组件，但是像查看对象一样查看网格的列数组，我看不到以编程方式实时添加列的方式。

Answer 1

您可以使用ngFor做一个变量的列数：

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

如果你想尝试了这一点，看到文档的“显示和隐藏列”演示（在columns examples向下滚动） 。