1. Home
  2. Forum
  3. React - EJ 2
  4. How to implement Pagination in grid, when the data is coming into blocks of 15 rows per page.

How to implement Pagination in grid, when the data is coming into blocks of 15 rows per page.

The data from api contains 6947 projects , but the grid is displaying only 15 rows on the first page and there is not any way to migrate to other pages. I want to apply pagination on the grid, so that the user can navigate between the pages containing other projects. 

s1.PNG

The data from the api is coming in this form (below)-

s2.PNG

data contains first 15 projects(row) and meta contains other projects.

s3.PNG

 s4.PNG

meta contains

s5.PNG


i want to implement pagination in this grid.

PS- redux has been implemented to get data in this grid.


Attachment: New_folder_b182d723.zip

1 Reply
RS Rajapandiyan Settu Syncfusion Team April 7, 2022 02:29 PM UTC

Hi Abhishek,


Thanks for contacting Syncfusion support.


You can bind the data from the redux service to the Grid by using the custom-binding feature. This is explained detailly in the below blog.


https://www.syncfusion.com/blogs/post/how-to-perform-crud-operations-in-a-react-data-grid-using-redux-a-complete-guide.aspx


Please get back to us if you need further assistance with this.


Regards,

Rajapandiyan S


Loader.
Up arrow icon