Custom "Previous" & "Next" text in react-table

Question

Is there a way to customize the text in the footer part of react-table?

I'm trying to customize the default text there. Thanks in advance.

Answer 1

As per the doc here react-table, it is possible to add custom Footers to the table using the Footer property of the columns prop of the component.

However , if you want to change the Previous and Next text as seen in the screenshot i'd say you have to change the nextText and prevText props of the main ReactTable components, more can be seen here in the props documentation

Answer 2

So after checking the docs, what I did is just define the custom text as props of the ReactTable.

<ReacTable 
   previousText={myCustomPreviousText}
   nextText={myCustomNextText}
   {...}
/>