Change Breakpoints of responsive Grid Pager

[Tom]

Is there a way to change the default breakpoints of the responsive Grid Pager?

https://docs.telerik.com/kendo-ui/controls/data-management/pager/responsive

[Neli]

Hi Tom,

A possible approach to change the Grid pager appearance when the screen size is changed is to use the 'k-pager-md' and 'k-pager-sm' classes and add and remove them according to the screen width.

$(window).resize(function() {
        var width = $(window).width();
        
        if(width>1200){
          $('.k-grid-pager').addClass('k-pager-md')          	
        }else if (width<1200 && width > 800){
          $('.k-grid-pager').removeClass('k-pager-md').removeClass('k-pager-sm')
        }else{
          $('.k-grid-pager').removeClass('k-pager-md')
          $('.k-grid-pager').addClass('k-pager-sm') 
        }
      });

Here is a dojo example where the described above is implemented. 

Regards,
Neli
Progress Telerik