Material-ui: [Table] Corps de la table à défilement horizontal coupé

Description du problème

Lorsqu'un tableau comporte de nombreuses colonnes telles qu'elles ne peuvent pas être affichées simultanément, une barre de défilement horizontale apparaît par défaut. Lors de l'utilisation de cette barre de défilement, l'en-tête défile comme prévu, mais le corps du tableau est coupé car son débordement est masqué. L'ajout de `bodyStyle={{height: 'inherit', overflow: 'auto'}} au composant Table entraîne une deuxième barre de défilement horizontale, l'une qui contrôle correctement le corps, l'autre qui contrôle l'en-tête.

Étapes à reproduire

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

Versions

• Matériel-UI : 0.15.0
• Réagir : 15.0.2
• Navigateur : Chrome 50.0.2661.102 (64 bits)