Kendo grid page numbers required to display in vertical format.

1 Answer 45 Views
Grid
sai
Top achievements
Rank 1
Iron
sai asked on 20 Jul 2022, 10:48 AM

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.

1 Answer, 1 is accepted

Sort by
0
Lyuboslav
Telerik team
answered on 22 Jul 2022, 07:46 AM

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

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

sai
Top achievements
Rank 1
Iron
commented on 26 Jul 2022, 10:17 AM

Thank you for the support.
Tags
Grid
Asked by
sai
Top achievements
Rank 1
Iron
Answers by
Lyuboslav
Telerik team
Share this question
or