Material-ui: [Tabla] Cuerpo de la tabla de desplazamiento horizontal cortado

Descripción del problema

Cuando una tabla tiene muchas columnas que no se pueden mostrar simultáneamente, aparece una barra de desplazamiento horizontal de forma predeterminada. Al usar esta barra de desplazamiento, el encabezado se desplaza como se esperaba, pero el cuerpo de la tabla se corta porque su desbordamiento está oculto. Agregar `bodyStyle={{height: 'inherit', overflow: 'auto'}} al componente Tabla da como resultado una segunda barra de desplazamiento horizontal, una que controla el cuerpo correctamente y la otra controla el encabezado.

pasos para reproducir

      <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>

Versiones

• Material-IU: 0.15.0
• Reaccionar: 15.0.2
• Navegador: Chrome 50.0.2661.102 (64 bits)