Positioning of pager controls in Kendo UI for jQuery

This is a migrated thread and some comments may be shown as answers.

Positioning of pager controls

1 Answer 5 Views

Grid

This is a migrated thread and some comments may be shown as answers.

1 Answer, 1 is accepted

answered on 21 Sep 2020, 11:43 AM

Hello Mark,

You can customize the pager controls layout through CSS, for example:

<style>
  .k-grid-pager .k-pager-info {
    justify-content: flex-start;
    max-width: 120px;
  }
  
  .k-grid-pager .k-pager-refresh {
    margin-left: 0px;
  }
</style>

Here's a dojo example with the CSS rules above applied: https://dojo.telerik.com/IsihIgUW/2

Regards,
Ivan Danchev
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/.