Set page count dynamically on react-table

Question

I am using ReactTable component from react-table to display paginated data returned from my backend.

the backend returns an object as follows:

{count: (total items count), results: [items], pages_count:(number of pages), page:(current page) }

I want to set the total page count in ReactTable as the total page count returned by the backend and not as the length of the array of data. (rows returned by the backend corresponds only to the actual page). I tried to override the getPaginationProps prop, but I really did not find out how to do it correctly since I am new to react. Am I on the correct path ? and how can I do it ? Thank you

malithjayaweera.com/2018/01/reactjs-server-side-pagination

joy08
– joy08

2020-03-03 12:21:32 +00:00
Commented Mar 3, 2020 at 12:21 — joy08
– joy08, Commented Mar 3, 2020 at 12:21
thanks @sv12 ! that's exactly what I am looking for

Akamee
– Akamee

2020-03-03 12:23:38 +00:00
Commented Mar 3, 2020 at 12:23 — Akamee
– Akamee, Commented Mar 3, 2020 at 12:23

joy08 · Accepted Answer · 2020-03-03 12:24:17Z

0

Please refer this blog for server side pagination related stuff with respect to react-table :

https://malithjayaweera.com/2018/01/reactjs-server-side-pagination/

answered Mar 3, 2020 at 12:24

joy08

9,6729 gold badges43 silver badges81 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mauro Colella Over a year ago

Post answers should be properly formed answers, rather than links to external sources. Ideally, links should only be included for reference.

Collectives™ on Stack Overflow

Set page count dynamically on react-table

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related