Проблема с высотой по умолчанию в React-table и адаптивный стиль

Question

Я использую таблицу реакции с прокручиваемыми столбцами и заголовком - аналогично https://codesandbox.io/s/kowzlm5jp7?file= / index. js: 281-310

Я устанавливаю высоту в стилях в таблица вроде

        <ReactTableFixedColumns
            showPagination={false}
            defaultPageSize={selectedItemsLength}
            data={selectedItems}
            style={{height: "73vh"}}
            className="-striped -highlight"
            columns={[

Таким образом, проблема, когда я выбираю только 1 или 2 элемента, таблица выглядит очень растянутой

Когда я используйте 73vh - это выглядит нормально, но только на моем экране (ubuntu chrome) и когда я выбираю более 10-15 элементов. Если меньше - растягивается.

В chrome или сафари на c по какой-то причине полосы прокрутки не отображаются.

Я действительно испортил эту таблицу, есть ли какие-либо решения, чтобы таблица реакций выглядела красиво на многих устройствах ИЛИ, по крайней мере, не растягивалась с помощью 1 или 2 элементов?

Спасибо за добрый ответ

Answer 1

Я боролся с растяжкой на

    .ReactTable .rt-thead {
    flex: none !important;
}

.ReactTable .rt-tr {
    flex: none !important;
}

.ReactTable .rt-tr-group {
    flex: none !important;
}

Все еще не знаю, как сделать так, чтобы таблица выглядела красиво на ma c и ubuntu - какую высоту я должен установить