Настройте заголовок таблицы React Antd с данными таблицы

Question

В моем проекте React мне нужно настроить заголовок таблицы antd следующим образом

Я добавил образец кода ниже.

Мне нужно иметь сумму суммы в заголовке столбца Сумма

Пример кода:

https://codesandbox.io/embed/great-sun-534cd

Answer 1

Вы можете использовать эту функцию заголовка для получения суммы полей суммы

const columns = [

    {
      title: () => { 
        var total = 0;
        for(var i=0;i<data.length;i++){
          total += data[i].amount;
        }
        return <div>total {total}</div>;
      } ,
      dataIndex: "date",
      width: 200
    },
    {
      title: "Amount",
      dataIndex: "amount",
      width: 100
    }
  ];

Пример ссылки здесь https://codesandbox.io/s/festive-wiles-st6wl?fontsize=14