Kendo Grid - Angular typescript pagination at top

[Michael]

I have used kendo grid in angular typescript, I do want to have move pagination top of the grid. Can you please help to get this done?

Thanks in advance. 

[Konstantin Dikov]

Hi Michael,

Although that there is no built-in option for changing the position of the Grid pager, you could take a look at the following HowTo example for the Kendo UI Grid for rendering pager at the top of the Grid:

• https://docs.telerik.com/kendo-ui/knowledge-base/grid-show-pager-top-bottom

If you want to remove the pager at the bottom you could hide the second page from the example with custom CSS or directly with jQuery.

Hope this helps.


Regards,
Konstantin Dikov
Progress Telerik

[Michael]

We used angular typescript, this answer not applicable for us. Can you please let us know how to do this in angular typescript.

[Viktor Tachev]

Hello Michael,

Note that moving the pager is not a built-in feature. Implementing such feature requires using custom code to change the way the Grid is rendered. Essentially what the example provided by Konstantin does is to manipulate the DOM. Anew Pager is inserted before the Grid header. 

For more information on manipulating the DOM when using AngularJS please refer to the thread below:

• https://stackoverflow.com/questions/37480150/manipulating-dom-in-angularjs-best-practice

Regards,
Viktor Tachev
Progress Telerik