GRID_Page_numbers_dropdown

1 Answer 56 Views
Grid
vc
Top achievements
Rank 1
vc asked on 20 Jul 2022, 07:10 AM | edited on 20 Jul 2022, 09:51 AM

Dear team,

I want to display page numbers in drop down by default,When screen size is smaller we are getting dropdown,but i want drop down in large screen also

1 Answer, 1 is accepted

Sort by
0
Accepted
Lyuboslav
Telerik team
answered on 20 Jul 2022, 11:22 AM

Hello Vc,

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')
      });

I hope this will help you to reach your goal.

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/.

Tags
Grid
Asked by
vc
Top achievements
Rank 1
Answers by
Lyuboslav
Telerik team
Share this question
or