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>

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