Kendo Angular Grid - "All" paging option

[Rahul]

Hello,

I am trying to add an "All" option to the page sizes dropdown list in my grid. I am using kendo-angular-grid, version 4.0.0.

This will display the text "All" and when clicked, will simply show all data loaded into the grid.

Is this possible to do? I see the documentation says to use a PagerTemplateDirective with an object like such "{text: "All", value: 'all'}", but this does not seem to work.

Does this functionality require a higher version? If so, are there any workarounds to achieve this behavior in version 4.0.0?

Thanks,

Rahul

[Martin Bechev]

Hi Rahul,

As discussed in the private support thread, the issue seems to be caused by an outdated Grid version. 

From the ticket information, I noticed that Angular 7 is used. Here I want to add a note that Angular 7 is no longer supported by the Kendo UI for the Angular suite and by the Angular team as well. That is why is highly recommended to update the Grid and framework versions at a certain time.

Meanwhile, the developer can safely update the Grid version to 4.8.4 which is the latest that supports Angular 6 and 7.

The most straightforward approach to updating all kendo packages to the latest version for a specific Angular version is to follow the instructions from this topic:

https://www.telerik.com/kendo-angular-ui/components/installation/up-to-date/#toc-updating-to-unsupported-releases

Once an 'All' option is selected from the page size dropdown, the take property of the PageChangeEvent will be automatically set to the total number of records bound to the Grid. Then the developer can send a request in the pageChange event handler to the server and fetch all data as necessary.

Regards,
Martin
Progress Telerik