如何動態填充劍道網格的行？

Question

我的劍道網：

<kendo-grid>  
    <ng-template ngFor [ngForOf]="gridColumns" let-column> 
     <kendo-grid-column field="{{column}}" title="{{column}}"> 
      <ng-template kendoGridHeaderTemplate let-dataItem > 
       <span title={{column}}>{{column}}</span>     
      </ng-template> 
     </kendo-grid-column> 
    </ng-template> 
</kendo-grid> 

我有以下格式的JSON響應：

Books: [ 
{ 
    BookName: "Hello World!", 
    PageCount: 455 
}, 
{ 
    MagazineName: "Hello World!", 
    PageCount: 455 
} 
], 

FirstName: "Jon", 
LastName: "Arlington", 
City: "London" 

，我已經成功地從JSON這樣填充列：

let gridColumns = ["FirstName", "LastName", "BookName", "MagazineName", "PageCount", 
        "MagazineName", "PageCount" ]; 

它工作正常：

我的問題是如何添加行列？

Answer 1

只需使用數據源的add()方法：

var book = { 
    MagazineName: "Hello World!", 
    PageCount: 455, 
    FirstName: "Jon", 
    LastName: "Arlington", 
    City: "London" 
}; 

grid.dataSource.add(book); 

Demo