如何编辑kendogrid的pageSize的使100在1-10这个改变颜色，点击执行功能

Question

我有一个使用传统[kendoGridBinding] =“的GridData”这样的剑道格 -

`<kendo-grid #grid [kendoGridBinding]="gridData" [pageable]="true" 
[pageSize]="5" style="cursor:pointer"> 

<kendo-grid-column *ngFor="let column of columns" [field]="getColumnField(column)" [title]="getColumnTitle(column)" [width]="getColumnWidth(column)"> 
</kendo-grid-column> 

</kendo-grid> 
` 

它显示页面大小像1-5的10我正在寻找一种方式，所以我可以使pageSize可点击执行一个功能，也改变pageSize按钮的颜色。有可能做到这一点。如果是的话，是否有人可以说明我如何接近它。感谢提前帮助。

Answer 1

您可以通过在kendo-grid内嵌套ng-template与指令kendoPagerTemplate来覆盖现有寻呼机。

这样你就可以在寻呼机中使用自定义元素和逻辑了。 （API-Reference）

<kendo-grid> 
    ... 
    <ng-template kendoPagerTemplate> 
     <!-- add custom components or reuse existing pager elements ---> 
    </ng-template> 
</kendo-grid>