ReactTable исправил последнюю строку

Решение - нижний колонтитул. https://react-table.js.org/#/story/footers Пожалуйста, посмотрите, подходит ли он для вашего случая использования.

Чтобы добавить нижний колонтитул на вашем ReactTable, просто определите свойство Footer на вашем реквизите columns. Вы можете установить простой текст, например Summary, JSX или даже другой компонент.

Вот такой пример:

import React from "react";
import { render } from "react-dom";
import ReactTable from "react-table";
import "react-table/react-table.css";

const data = [
  {
    id: 1,
    product: "apple",
    stock: 1,
    price: 123
  },
  {
    id: 2,
    product: "pie",
    stock: 2,
    price: 22
  }
];

const App = () => (
  <div>
    <ReactTable 
      data = {data}
      columns = {[
        {
          Header: "Id",
          accessor: "id"
        },
        {
          Header: "Product",
          accessor: "product",
          Footer: "Summary" // Render simple text on the footer
        },
        {
          Header: "Stock",
          accessor: "stock"
        },
        {
          Header: "Price",
          accessor: "price",
          Footer: (
            <span>{
              // Get the total of the price
              data.reduce((total, { price }) => total += price, 0)
            }</span>
          )
        }
      ]}
      defaultPageSize = {2}
    />
  </div>
);

render(<App />, document.getElementById("root"));

Надеюсь, это даст вам представление.