ответная таблица 'pivotBy' - как я могу показать сводную таблицу, если имеется более одного агрегированного элемента? - PullRequest
Новая
       22

ответная таблица 'pivotBy' - как я могу показать сводную таблицу, если имеется более одного агрегированного элемента?

0 голосов
/ 31 января 2019

Я бы только показал другую строку для агрегированных данных в реагирующей таблице, которая имеет только один агрегированный дочерний элемент.Это как у меня разные типы данных, некоторые из которых нужно сгруппировать под «родителем», а другие нет.

Ниже приведен пример данных: 

data: [
  {
    type: 'multiple',
    id: 1,
    name: parent report 1,
    parentId: 0
  },
  {
    type: 'multiple',
    id: 2,
    name: child report 1,
    parentId: 1
  }
  {
    type: 'multiple',
    id: 3,
    name: child report 2,
    parentId: 1
  },
  {
    type: 'single', 
    id: 3,
    name: single report
    parentId: 0
  },
  {
    type: 'single'
    id: 3,
    name: another single report
    parentId: 0
  }
]

У меня настроена таблица реагирования со стандартными столбцами, но проблема в том, что я не уверен, как сгруппировать данные, поэтому я не знаю, какие варианты предоставить.

В идеале мне бы хотелосьиметь отдельные отчеты в отдельной строке и отчеты, у которых есть родительский объект, который должен быть сгруппирован (используя свойство pivotBy?) под родительским объектом, который может быть расширен.Данные от родителя не обязательно должны быть показаны.Ниже приведен пример моей текущей установки.

столбцы: 

const columns = [
  {
    Header: 'type',
    accessor: 'type'
    Aggregated: row => <span> { row.value }</span>
  },
  {
    Header: 'name',
    accessor: 'name,
    aggregate: (values, rows) => values[0],
    Aggregated: row => <span> { row.value } </span>
  },
  {
    Header: 'id',
    accessor: 'id,
    aggregate: (values, rows) => values[0],
    Aggregated: row => <span> { row.value } </span>
  },
  {
    Header: 'parentId',
    accessor: 'parentId,
    aggregate: (values, rows) => values[0],
    Aggregated: row => <span> { row.value } </span>
  }
]

и оператор возврата: 

  return (
    <ReactTable
      data={data}
      columns={columns}
      pivotBy={['parentId']}
    >
    </ReactTable>
  )

, очевидно, это не достигнет того, что яЯ искал, поэтому мне было интересно, если это было возможно с реакцией таблицы.

еще один способ спросить это, если возможно не агрегировать строки, которые имеют только один экземпляр дочернего элемента в реакции-table - вместо этого показать одну строку.

...