如何編輯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>