Javascript 反应表';pivotBy';-如果有多个聚合项,如何显示pivot?

Javascript 反应表';pivotBy';-如果有多个聚合项,如何显示pivot?,javascript,reactjs,ecmascript-6,react-table,Javascript,Reactjs,Ecmascript 6,React Table,我只想在react表中为聚合数据显示一个不同的行,该表只有一个聚合子元素。这是因为我有不同类型的数据,其中一些需要分组在“父”下,而另一些则不需要 以下是数据示例: data: [ { type: 'multiple', id: 1, name: parent report 1, parentId: 0 }, { type: 'multiple', id: 2, name: child report 1, parentI

我只想在react表中为聚合数据显示一个不同的行,该表只有一个聚合子元素。这是因为我有不同类型的数据,其中一些需要分组在“父”下,而另一些则不需要

以下是数据示例:

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
  }
]
我已经用标准列设置了react表,但问题是我不确定如何对数据进行分组,所以我不知道应该提供哪些选项

理想情况下,我希望在自己的行上有单个报表,并且在父报表下有一个要分组的父报表(使用“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>
  }
]
const列=[
{
标题:“类型”,
访问者:“类型”
聚合:行=>{row.value}
},
{
标题:“名称”,
访问器:'名称,
聚合:(值,行)=>值[0],
聚合:行=>{row.value}
},
{
标题:“id”,
访问者:'id,
聚合:(值,行)=>值[0],
聚合:行=>{row.value}
},
{
标题:“parentId”,
访问器:'父ID,
聚合:(值,行)=>值[0],
聚合:行=>{row.value}
}
]
以及返回语句:

  return (
    <ReactTable
      data={data}
      columns={columns}
      pivotBy={['parentId']}
    >
    </ReactTable>
  )
返回(
)
很明显,这并不能实现我想要的,所以我想知道这是否可以用react表实现



另一种提问方式是,是否可以不聚合react表中只有一个子实例的行,而是显示单个行。

请提供您的代码。我最初没有提供代码,因为这更多的是一个问题,即是否可以使用“react table”执行此操作。我现在已经包括了一个数据示例,以及我当前的设置,并对我正在寻找的内容进行了更多的说明。谢谢