развернутая таблица не может быть полностью показана при прокрутке вниз

Question

Я использую реагирование, чтобы создать функцию, с помощью которой пользователи на странице могут выбирать группу, а когда группа выбрана (в области G), ее участники могут сразу же отображаться в «пользователях группы» (в области U). Моя проблема заключается в том, что при таком раскладке при развертывании таблицы в области G таблица невозможно отобразить полностью, даже если прокрутить полосу прокрутки вниз.

рендер часть

<div className ={'outermost-container'} style={overflowY:'auto',display:'flex',flexWrap:'wrap',justifyContent:'space-around',}>
    {/*for Area G, */}
    <div>selectableTable</div>
    {/*for area U*/}
    <div style={display:'flex',justifyContent:'space-around'}>
        {/*for left table of area U*/}
        <div>selectableTable</div>
        {/*for buttons in the middle of area U*/}
        <div style={display:'flex' flexDirection:"column"}>2 buttons</div>
        {/*for right table of area U*/}
        <div>selectableTable</div>
    </div>
<div>

это реализовано с помощью https://www.material -ui.com / # / components / list

При таком раскладке, есть ли какие-либо способы показать всю таблицу при прокрутке вниз при развертывании? Любые идеи приветствуются.

Answer 1

Я перемещаю список с левой стороны из flexbox и использую проценты, чтобы указать размер.