How to disable and hide the pagination footer for react-table?

Question

I'm new to react-table. Currently I have a 5 rows table to render on react-table, and I don't need the pagination function. I understand to turn pagination off, it can be done by "pagination={false}". However the pagination control still showing, is there a way to hide it?

Answer 1

I just found prop showPagination={false}. Try that.

https://github.com/tannerlinsley/react-table/tree/v6#props

Answer 2

you can add props like this in ReactTable

showPaginationBottom={false}

you can also decide to show pagination on basis of data rows length

showPaginationBottom={data.length > 10 ? true: false}