Material-ui: [表格] 水平滚动表格主体截断

问题描述

当一个表格有很多列而不能同时显示时，默认会出现一个水平滚动条。 使用此滚动条时，标题按预期滚动，但表格主体被截断，因为它的溢出被隐藏。 将 `bodyStyle={{height: 'inherit', overflow: 'auto'}} 添加到 Table 组件会产生第二个水平滚动条，一个正确控制正文，另一个控制标题。

重现步骤

      <Table>
        <TableHeader>
          <TableRow>
            {this.props.tableHeader.map((col, i) =>
              <TableHeaderColumn style={{ width: 100 }} key={i}>{col}</TableHeaderColumn>
            )}
          </TableRow>
        </TableHeader>
        <TableBody preScanRows={false}>
          {this.props.tableData.map((row, i) => (
            <TableRow key={i}>
              {this.props.tableHeader.map((col, j) => (
                <TableRowColumn style={{ width: 100 }} key={j}>{row[col]}</TableRowColumn>
              ))}
            </TableRow>
          ))}
        </TableBody>
      </Table>

版本

• 材质-UI：0.15.0
• 反应：15.0.2
• 浏览器：Chrome 50.0.2661.102（64 位）