Positioning of pager controls

[markT]

I'm struggling with layout of the pager controls. I'm trying to get the .k-pager-refresh and .k-pager-info elements to flush left (right next to the pager buttons) instead of flush right. Does anyone have a solution for this?

[Ivan Danchev]

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