Hi,
I know pageSizes options takes a Boolean or Array of Numbers, but Is there a way add an option to pagination dropdown which lists all rows of the grid like, 'All' option?
Can we set the options of the dropdown to like '10, 50, All', where option 'All' lists all rows of the grid?
This feature is available as of release 5.12.0.
We have an example of its usage in our documentation:
Regards,
Wissam
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/.
Hello, Ravi,
I have transferred this to an official feature request.
We will monitor the interest and plan accordingly.
I have also added your vote already for convenience.
Regards,
Stefan
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/.
Hi Stefen,
Thank you for the reply.
Yes, please transfer this to an official feature request.
Thanks
Ravi
Hello, Gaurav,
Showing the total is expected in this case as we are internally using the pageSize value and we are adding it to the DropDownList.
As this is part of the source code of the component, our only option currently is to use a custom pager:
https://www.telerik.com/kendo-react-ui/components/grid/paging/#custom-pager
Also, if you wish we can transfer this to an official feature request for a built-in all option?.
Regards,
Stefan
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/.
Thanks Stefan for your reply. We implemented your suggestion and it is working partially. we are able to retrieve all the records with All options in paging dropdown but once you select that you also see the total number of records in the dropdown. I have attached the image for your reference. can you please suggest how we can get rid of that?
Moreover the example you have posted do not display page selection dropdown for some reason.
Hello, Ravi,
Technically, we can add any value inside the array and the Grid will render it.
Still, as 'All' is not a valid number, we can check if the take is not a valid number and set the take to all records:
pageChange = (event) => {
this.setState({
skip: event.page.skip,
take: isNaN(event.page.take) ? products.length : event.page.take
I hope this is helpful.
Regards,
Stefan
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/.