Material-ui: [Tabel] Tubuh tabel gulir horizontal terpotong

Deskripsi masalah

Ketika tabel memiliki banyak kolom sehingga tidak dapat ditampilkan secara bersamaan, bilah gulir horizontal muncul secara default. Saat menggunakan bilah gulir ini, tajuk menggulir seperti yang diharapkan, tetapi badan tabel terpotong karena luapannya disembunyikan. Menambahkan `bodyStyle={{height: 'inherit', overflow: 'auto'}} ke komponen Tabel menghasilkan bilah gulir horizontal kedua, yang mengontrol badan dengan benar, yang lain mengontrol header.

Langkah-langkah untuk mereproduksi

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

Versi

• Bahan-UI: 0.15.0
• Bereaksi: 15.0.2
• Peramban: Chrome 50.0.2661.102 (64-bit)