Angular 2 Kendo UI 网格分页位置

【问题标题】：Angular 2 Kendo UI Grid Pagination PositionAngular 2 Kendo UI 网格分页位置
【发布时间】：2017-04-26 03:25:50
【问题描述】：

你如何配置网格的分页让我们说总页码，例如：在网格之前显示 8 个中的 5 个。

使用 .insertBefore(.k-grid-content) 类似的东西在以前版本的 Kendo Grid 上实现了它。但是对 Angular 2 一无所知。有什么想法吗？

【问题讨论】：

标签： angular kendo-ui grid

【解决方案1】：

将此字段用于您所在的组件

import { SortDescriptor, orderBy } from '@progress/kendo-data-query';
import { GridComponent, GridDataResult, DataStateChangeEvent } from '@progress/kendo-angular-grid';



private pageSizesNumber: boolean = true;
private buttonCount: number = 5;
private pageSize: number = 10;

在 html 端使用

<kendo-grid [data]="view | async"
    [pageSize]="pageSize"
    [skip]="skip"
    [pageable]="{
        buttonCount: buttonCount,
        info: info,
        type: type,
        pageSizes: [5,10,20,25,50,100],
        previousNext: previousNext
    }"
    [sortable]="true"
    [sort]="sort"
    class="input-xs">
    "Your grid column"
 </kendo-grid>

【讨论】：