Kendo grid page numbers required to display in vertical format.

[sai]

Dear Team,

We are using Kendo UI v2022.2.510 our requirement is to display the page numbers in kendo grid in drop down in vertical from.. but as of now it is showing page numbers horizontal line in kendo grid. 

 

Thanks in Advance.

[Lyuboslav]

Hi Sai,

To achieve the desired result I could suggest you check the Dojo example linked here. In the dojo, I removed the "'k-pager-md'" class because it is for numeric pager. 

Also, I  added the "'k-pager-sm'" class and remove the previous and next buttons to show only the dropdown in the Grid`s Pager.

The classes should be applied also when the window is resized as demonstrated in the snippet below:

      $(window).resize(function() {
        $('#grid .k-grid-pager').addClass('k-pager-sm')   
        $('#grid .k-grid-pager').removeClass('k-pager-md')
      });

In case you want to remove the previous and next buttons in "pageable" property you should add this:

previousNext: false

For more information, you could please see here in our documentation.

I hope this will help you.

Regards,
Lyuboslav
Progress Telerik

[sai]

Thank you for the support.