подкомпоненты таблицы реакций объединяют данные - PullRequest
Новая
       12

подкомпоненты таблицы реакций объединяют данные

0 голосов
/ 19 апреля 2019

В настоящее время я использую библиотеку реагирующих таблиц для своего проекта и использую субкомпонентную функцию для создания таблицы без таблицы. Мои данные имеют следующую структуру 

[{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={[
         {
          accessor: "GroupTitle",
          minWidth: 240,
          },
{
          header: "Subtitle",
          minWidth: 240,
          },
{
          header: "ID",
          minWidth: 240,
          }
       ]}
    SubComponent={row => {
       return (
        <ReactTable
            data={row.original.ArrayItem}
            columns={[
            { Header: "ID", accessor: "ID", id: "ID" },
             {

              accessor: "Title",
               minWidth: 240
             }
              ]}

                  />
                );
              }}>

Работает отлично. Мне удалось отобразить данные в групповом режиме, но моя проблема в заголовке. Я хотел, чтобы заголовок для моих подкомпонентов был сверху. И верхняя таблица реакции (GroupTitle) не должна иметь заголовка. Я могу сделать это, сделав поддельный заголовок в родительском элементе с помощью accesso, но следующая проблема, как я могу иметь фильтр на них?

...