css - 是否有在 Material UI 表中拆分单元格的选项

Question

我想在Material UI表格中拆分一个单元格：
import Table from '@material-ui/core/Table'
当然我知道我总是可以选择创建一个执行此操作的组件，而不是文本，将此组件放在一个单元格中，但由于此功能在表格中被广泛使用，我认为也许有一个我不知道的选项？，这就是为什么我决定在这里问一个问题
只是为了澄清一下，这就是为什么我的意思是拆分一个单元格：

如您所见，每个单元格都有两个值，它们用一条线分隔。
是否有设置、选项或推荐的方法来实现这一点Material UI table？

标签： cssreactjsmaterial-ui

Answer 1

没有特定的功能可以做到这一点，但您可以通过在单元格内使用<Divider />轻松实现这一点，如下所示：

<TableCell>
  9703
  <Divider />
  (16.23) 0.54
</TableCell>