We are using kendo Datagrid where we wanted to apply pagination.
We are using pageSizes property of pageable object to set the no of items per page to render. We are also using buttonCount property to control the number of buttons.
Problem : For example I have 200 records , if I set pagesSizes=1 so technically I will have 200 paging button and if i set buttonCount to 60 than UI gets distorted. Find below is stackblitz URL where I have set pagesSizes=1 and if you set Maximum number of buttons = 70 UI will break.
URL : https://cuezkg--run.stackblitz.io/
Hi Jatan,
Generally speaking, having a separate button for every single possible page when the page number is huge is not a good UI and definitely does not provide a good UX for the user.
I recommend setting a buttonCount number which will show fewer page number buttons and at the same time will allow the user to load dynamically more buttons:
Also, you can enable the input feature of the pager to display an input element that will allow the user to type a specific page number.
Here is a Dojo demo where you can examine the above: https://dojo.telerik.com/aRAboKov
Let me know if you have any questions.
Regards,
Nikolay
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.