Reactjs 如何在材质ui版本0.20.0(版本很重要)的TableRowColumn中嵌套TableRows?
我在material ui中有一个表,在一个表行列中必须有两行,如下所示:Reactjs 如何在材质ui版本0.20.0(版本很重要)的TableRowColumn中嵌套TableRows?,reactjs,material-ui,Reactjs,Material Ui,我在material ui中有一个表,在一个表行列中必须有两行,如下所示: <Table> <TableHeader> ...Some header </TableHeader> <TableBody> <TableRow> <TableRowColumn> <TableRow>
<Table>
<TableHeader>
...Some header
</TableHeader>
<TableBody>
<TableRow>
<TableRowColumn>
<TableRow> <-------- here is the main issue
<TableRowColumn>
</TableRowColumn>
</TableRow>
<TableRow>
<TableRowColumn>
</TableRowColumn>
</TableRow>
</TableRowColumn>
</TableRow>
</TableBody>
</Table>
(控制台中的不同错误,不是一个)
我想这是因为TableRowColumn
是TableRow
的子对象,以不同的顺序编写它们只是为了防止收到必要的道具
如果是这种情况,我如何才能在一列中放置专门针对material ui版本0.20.0的两行?在我解决了所有问题之后,material ui版本0没有能够解决问题的
TableCell组件(仅在更高版本中可用)。
要使特定版本消除错误,需要使用本机html标记:
<Table>
<TableHeader>
...Some header
</TableHeader>
<TableBody>
<TableRow>
<TableRowColumn>
<table>
<tbody>
<tr><td>Content</td></tr>
<tr><td>Content</td></tr>
</tbody>
</table>
</TableRowColumn>
</TableRow>
</TableBody>
</Table>
…一些头球
内容
内容
在这种情况下,可以在一行中容纳多行
<Table>
<TableHeader>
...Some header
</TableHeader>
<TableBody>
<TableRow>
<TableRowColumn>
<table>
<tbody>
<tr><td>Content</td></tr>
<tr><td>Content</td></tr>
</tbody>
</table>
</TableRowColumn>
</TableRow>
</TableBody>
</Table>