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

【问题标题】：how to give full width to table cell in react + material?如何在反应+材料中为表格单元格提供全宽？
【发布时间】：2018-12-08 06:35:52
【问题描述】：

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

【问题讨论】：

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

【解决方案1】：

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

我只是修改 line:84

&lt;TableCell colspan="2" style={{ "text-align": "center" }}&gt;

【讨论】：

colspan ..please help me understant有什么用
此属性包含一个非负整数值，指示单元格扩展的列数。 click me