kendo-angular-ui 网格与分页以及在 angular2 中分组答案

【问题标题】：kendo-angular-ui grid with pagination as well as grouping in angular2kendo-angular-ui 网格与分页以及在 angular2 中分组
【发布时间】：2017-06-05 16:16:21
【问题描述】：

我们可以在 kendo-angular-ui 网格中进行分页和分组吗？想了解在使用 angular2 的剑道网格中这是否可行？

我尝试创建一个可以同时进行分组和分页的示例，但不知何故分页不起作用。
<kendo-grid [groupable]="false" [data]="gridView" [group]="groups" [pageSize]="pageSize" [skip]="skip" [pageable]="true" (dataStateChange)="dataStateChange($event)"> <kendo-grid-column field="ProductID" title="ID" [width]="80"></kendo-grid-column> <kendo-grid-column field="ProductName" title="Name" [width]="300"></kendo-grid-column> <kendo-grid-column field="UnitPrice" title="Unit Price" [width]="120"></kendo-grid-column> <kendo-grid-column field="Category.CategoryName" title="Category"> <ng-template kendoGridGroupHeaderTemplate let-value="value"> {{value}} </ng-template> </kendo-grid-column> </kendo-grid>

Plunker Example

【问题讨论】：

标签： angular kendo-ui kendo-grid

【解决方案1】：

在他们的documentation 中，他们有一个分组和分页的工作示例。

【讨论】：

谢谢，但我需要一个同时使用分组和分页的示例。
那个例子有两个一起工作，不明白你还需要什么
好的，可能是我的问题不清楚，请看更新后的问题
那个dataStateChange函数的代码呢？
它在 plunker 链接中，包含在内。