如何制作材质-ui TableRowColumn跨越多列

Question

这就像html colspan属性。某些行的列数与其他行不同。

谢谢

Answer 1

只需添加属性，例如：

<TableRowColumn colSpan={6}>

Answer 2

只需将属性“colSpan”用于<TableCell>元素即可。

例：

render() {
  return (
    <Table className={classes.table}>
      <TableBody>
        <TableRow>
          <TableCell>Data 1</TableCell>
          <TableCell>Data 2</TableCell>
        </TableRow>
        <TableRow>
          <TableCell colSpan={2}>Data Two Columns</TableCell>
        </TableRow>
      </TableBody>
    </Table>
  );
}