我正在使用带有材质React的UI。我在表中显示数据。实际上,在表中我有一些titles
示例"
GENERAL_INFORMATION"
和INFORMATION
是标题。我想显示这个在中间。但是我的table cell
没有采用100%的宽度,为什么?
这是我的代码 https://codesandbox.io/s/qlj0l8yrx9
<Fragment>
<TableRow key={row.id}>
<TableCell> {title}</TableCell>
</TableRow>
{row.map(({ displaytext, value }) => (
<TableRow key={row.id}>
<TableCell>{displaytext}</TableCell>
<TableCell>{value}</TableCell>
</TableRow>
))}
</Fragment>
我正在从此网址获取帮助 https://material-ui.com/demos/tables/
答案 0 :(得分:0)
怎么样:https://codesandbox.io/s/wo9n5vvjvk
我只需修改第84行
<TableCell colspan="2" style={{ "text-align": "center" }}>