Completed
Last Updated: 20 Mar 2023 14:18 by ADMIN
Ravi
Created on: 08 Oct 2020 13:00
Category: Data Grid
Type: Feature Request
9
'All' option in pageSizes option

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?

 

 

6 comments
ADMIN
Wissam
Posted on: 20 Mar 2023 14:12

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/.

ADMIN
Stefan
Posted on: 13 Oct 2020 06:32

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/.

Ravi
Posted on: 12 Oct 2020 13:40

Hi Stefen,

Thank you for the reply.

Yes, please transfer this to an official feature request.

 

Thanks

Ravi

ADMIN
Stefan
Posted on: 12 Oct 2020 10:52

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/.

Gaurav
Posted on: 09 Oct 2020 19:08

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.

Attached Files:
ADMIN
Stefan
Posted on: 08 Oct 2020 13:54

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 made an example showcasing this:

https://stackblitz.com/edit/react-3d5zxh?file=app/main.jsx

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/.