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

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）。

Answer 2

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

您可以直接添加不包含列名的“ gridData”。