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

Question

就像html colspan属性一样.某些行的列数与其他行不同.

谢谢

Answer 1

只需添加属性,例如:

<TableRowColumn colSpan={6}>

Answer 2

只需对<TableCell>元素使用属性“ colSpan” 。

例：

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>
  );
}