时间戳

首页 > 解决方案 > 如何在反应+材料中为表格单元格提供全宽？

javascript - 如何在反应+材料中为表格单元格提供全宽？

问题描述

我正在使用带有反应的材料 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/获得帮助

标签： javascriptreactjsflexboxmaterial-designmaterial-ui

解决方案

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

我只是修改行：84

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

推荐阅读