React-Table聚合行

Question

我目前正在使用ReactTable，并且正在研究如何加重行。

下面是我想要制作一个表的数据

[{GroupTitle: "Group Title 1",
  ArrayItem: 
          [{SubTitle: "Sub1", ID: 1},
           {SubTitle: "Sub2", ID: 1}]
  },
  {GroupTitle: "Group Title 2",
  ArrayItem: 
          [{SubTitle: "Sub3", ID: 3},
           {SubTitle: "Sub4", ID: 4}]
  }

]

我得到了以下代码

<ReactTable
   columns={[
     {
      Header: "Parent",
      accessor: "GroupTitle",
      minWidth: 240,
      }
   ]}
SubComponent={row => {
   return (
    <ReactTable
        data={row.original.ArrayItem}
        columns={[
        { Header: "ID", accessor: "ID", id: "ID" },
         {
         Header: "Title",
          accessor: "Title",
           minWidth: 240
         }
          ]}

              />
            );
          }}>

如果我想用"GroupTitle“来增加我的数据，我不确定子组件是否是合适的方法，因为目前关于子组件的文档没有那么有用。当我部署这个组件时，它可以工作，但我不知道为什么它的子组件有额外的空白行。

如果你能指出任何使用子组件的好例子，或者让我知道如何正确使用它

Answer 1

哦，我想我现在知道为什么会有空行了，我忘记添加minRows={0}属性了