如何在react +材料中赋予表格单元全宽?

时间:2018-12-08 06:35:52

标签: javascript reactjs flexbox material-design material-ui

我正在使用带有材质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/

1 个答案:

答案 0 :(得分:0)

怎么样:https://codesandbox.io/s/wo9n5vvjvk

我只需修改第84行

<TableCell colspan="2" style={{ "text-align": "center" }}>