Grid refresh button on non-pageable grid?

[Brian Roth]

I was wondering if there was a way to get the refresh button to show up without having paging turned on.  I have a grid with virtual scrolling, so I want paging turned off.  But I also want to have the refresh button available on the bottom-right of the grid.  It looks like the only way to allow this is to turn paging on.  Is this correct or is there another way to get the refresh button to show up?  Thanks!

Regards,
Brian

[Dimo]

Hello Brian,

The described layout can be achieved if you use the pageable configuration setting as an object, and hide (disable) all the paging elements, except the refresh button.

http://docs.telerik.com/kendo-ui/api/web/grid#configuration-pageable

Please keep in mind that refreshing the virtual data via the refresh button can cause the scroll position to change. In other words, we do not officially support such a scenario.

Regards,
Dimo
Telerik

 

 

[Brian Roth]

Sounds good.  Thanks for the help!

[Joon-Sae]

Hello,this seems to have changed between 

2019.R1 => 2019.R2

using the paging configuration

  pageable: {
    pageSize: 5,
    previousNext: false,
    numeric: false,
    input: false,
    refresh: true,
    info: false
  }

the refresh icon was always on the lower right on 2019.R1 and before.  And since 2019.R2 this seems to be on the lower left.  This is confusing since in a paging grid the refresh icon always appears on the lower right and then all of a sudden it appears on the lower left.

[Preslav]

Hi Joon-Sae,

With our R2 2019 release, we changed the layout of the Pager from "float" to "flex". In the new layout, we are expecting that the "info" label will push the "refresh" icon to the right - https://www.telerik.com/support/whats-new/kendo-ui/release-history/kendo-ui-r2-2019

In this case, I see that the "info" label is disabled. Having said that, we can workaround this issue with the following CSS:

    <style>
      .k-pager-wrap .k-link.k-pager-refresh {
        margin-left: auto;
      }
    </style>

For a runnable example, check this Dojo - https://dojo.telerik.com/azeGUTuh

I hope this helps.

 

Regards,
Preslav
Progress Telerik

[Joon-Sae]

Awesome.  Thanks for the help!