React-таблица: вычисление итоговых значений в нижнем колонтитуле динамических столбцов - PullRequest
Новая
       16

React-таблица: вычисление итоговых значений в нижнем колонтитуле динамических столбцов

0 голосов
/ 02 февраля 2019

Как вычислить суммарные значения столбцов и поместить их в нижний колонтитул, если мои столбцы динамические, а в некоторых строках нет некоторых столбцов и они находятся в другом порядке? 

          var objRow = {};
              objRow['Title'] = data.Venue.Title;
              let index = 0;

              data.CostTally.forEach(item => {

                objRow["col_" + item.Accessor] = item.value;
                totalRow[index]+= item.value;        
                index++; 
        }
    this.setState({tallyTotal: totalRow});

фрагмент настройки таблицы. 

reportCols.push( {
          Header: headerText,
          Footer: <div style={{ textAlign: 'right'}}>{this.state.tallyTotal[Tindex]}</div>,
          accessor: "col_" +YearMonthKey,
          width: 100,
          Cell: row => (<div style={{textAlign: 'right'}}>{ row.value == null ? 0: row.value }</div>)
        });

я пробовал это, но так как некоторые элементы строки не имеют некоторых аксессоров, и порядок столбцов также не одинаков, как их вычислить?

вот так выглядят столбцы в таблице и как они выглядят при печати в консоли:

enter image description here

также месяцы динамическиев зависимости от фильтра, который вы вводите в форму перед отправкой.я планирую просто использовать find, где accessor является условием во всех других строках, кроме этих динамических.я не знаю что делать.

...