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

javascript reactjs react-table
cankentcode picture cankentcode · Jan 29, 2018 · Viewed 9.3k times · Source

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

This part of the react-table

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

Answer

semuzaboi picture semuzaboi · Jan 29, 2018

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

Related questions

Export to CSV button in react table

Looking for a way to add an "Export to CSV" button to a react-table which is an npmjs package (https://www.npmjs.com/package/react-table). I need to add a custom button for exporting the table data to an excel …

Read More
How to make some columns align left and some column align center in React Table - React

Hello Stack overflow members This is array for the column headers. I want column 1 to column 5 left align (all the header, sub header and table data cells of column 1 to column 5 to be left aligned) while I I want column 6 …

Read More
How to do default sorting in react-table

I am using react-table v7 https://www.npmjs.com/package/react-table for creating tables. I am able to do sorting to all the columns by referring this example of sorting https://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/…

Read More