Material ui reactjs材质ui-换行而不是水平滚动

我在materialui中制作了这样的桌子，在桌面上制作了reactjs

当我在手机上看到同样的东西时，我是这样看的

代码是

<Paper>
  <Table aria-label="simple table">
    <TableBody>
      <TableRow>
        <TableCell align="left">COL1</TableCell>
        <TableCell align="center">COL2</TableCell>
        <TableCell style={{width:'50%' }} colSpan={3} align="center">COL3</TableCell>
      </TableRow>
    </TableBody>
  </Table>
</Paper>

可乐
可乐
可乐

我希望该列不要超出纸张，而是换行到下一行

---

如何做到这一点

嘿，我尝试复制代码，但不幸遇到了一个问题。可以分享一个样品吗？此外，我们还可以尝试以下内容：constmystyle={display:“flex”，flex wrap:“wrap”}试试这个。