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-разрядная версия)