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向下滾動） 。