javascript - 反应表行跨度

Question

我使用 react-table 在下图中显示我的数据，在此处输入图像描述

而且我发现很难配置道具栏，很难像图片中那样进行演示，

我的数据：

const data = { cat :' favorite', 
              subCat : [ { id :1,
             discritpion : 'text'
             status : 'active' 
           },
           { id :2,
             discritpion : 'text 2'
             status : 'inactive' 
           }
          ],
         cat : 'least favorite', 
              subCat : [ { id :1,
             discritpion : 'text'
             status : 'active' 
           },
           { id :2,
             discritpion : 'text 2'
             status : 'inactive' 
           }
          ]
        }


const columns = [{
  Header: 'Category',
  accessor: 'cat'
},
{
  Header: 'description',
  accessor: 'subCat.description'
}, {
  Header: 'status',
  accessor: 'subCat.status'
}, {
  Header: 'id',
  accessor: 'subCat.id',
}
  ]

return (
    <ReactTable
      data={data}
      columns={columns}
/>

预先感谢您的帮助

标签： javascriptreactjshtml-tablereact-table