I’m working on an Angular project using the AG-Grid free edition to display data. Since server-side pagination is unavailable in the free edition, I use the infinite row model with pagination instead.

In the demo below, I have a mock service that simulates backend data retrieval. The getData (backend) method expects an offset and a limit (page size). My understanding is that when I change the page size in the UI, I need to update the grid’s options (page & cache block sizes) programmatically too. However, when I do so, the grid triggers the getRows function twice. This issue does not occur when I navigate to the next or previous pages.

Could you please help me fix this behavior to avoid duplicate calls to the backend? or am I missing something on how the grid works?

Demo link