Hi, is there a way i can customize the paging options style? The default is we have the page selection on the left, number of Items per page selection in the middle and the total records info on the right. I would like to just reverse it. I tried a display flex on the container and a flex-direction: reverse but it reverses the paging icons also. Please advise.
A custom render method for the paging component or a wrapper around the paging buttons would be ideal so as to do a flex-reverse to play around with the styles.
Hey folks!
While this item does cover a lot of specific implementations, I wanted to update this thread to mention that with our R3 2020 release we have updated the KendoReact Grid to allow for a completely custom pager. Check out this demo in the KendoReact Grid Paging docs to see how you can create your own paging UX.
Marking this as complete as it should open up the opportunity for all of the items brought up in this thread to be covered.
Regards,
Carl
Progress Telerik
Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive , special prizes and more, for FREE?! Register now for DevReach 2.0(20).
Hello,
Thank you for the suggestion.
The possible issue with this is that if the total is not set we will not know the correct number of pages in the pager.
Could you please share more details on how is this expected to function and the use cases in which it is needed. This will help us get better understanding of the required feature.
Regards,
Stefan
Progress Telerik
I would like to be able to modify the pager to not require the total number of results, having reviewed the source code its all hard-wired with the 2 options.
Would be greatly in favour of making it more flexible.