如何使用 React-Table 使用列中的单个键将一行拆分为两行或多行，如图中所示？

Question

有没有一种方法可以将一行拆分为多行，如图中为单个列键给出的那样。

Answer 1

你可以这样写：

<Row>
 {index === 0 ? (
   <Cell
       rowSpan={rows.length}
       style={{ padding: '8px' }}>
        B
   </Cell>
  ) : null}
  <Cell
      style={{ padding: '8px' }}>
       {row.cells[1].render('Cell')}
  </Cell>
  <Cell
      style={{ padding: '8px' }}>
       {row.cells[2].render('Cell')}
  </Cell>
  <Cell
      style={{ padding: '8px' }}>
       {row.cells[3].render('Cell')}
  </Cell>
</Row>

Rowspan 属性指定单元格应跨越的行数。 there 你可以找到我的代码。

如何使用 React-Table 使用列中的单个键将一行拆分为两行或多行，如图中所示？

How can I split a row into two or more rows with single key in the column as depicted in the image using React-Table?

reactjs

react-table