Search code examples
javascriptcssreactjstabular

ReactTable fixed last row

I am using ReactTable and I need to create some summary in the end.

It should be visible every time also when pagination is there. Is it possible to achieve it with react table? I can partly solve it by creating next table. But I did not find the way how to hide header. Another problem is when resizing columns width, then it is not applied to another table.

Example table

| id | product | stock data | price |
|  1 | apple   | 1          | 123   |
|  2 | pie     | 2          | 22    |
...
|prev page |   2 / 5    | next page |
|    | summary |            | 145   |

or that summary can be above of pagination

Solution

  • The solution is footer. https://react-table.js.org/#/story/footers Please see if it fits to your use case.