我使用function来创建一个函数,在页面上,用户可以选择一个组,当一个组被选中时(在区域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实现的。
有了这个布局,是否有任何方法在展开时向下滚动到底部显示完整的表?有什么想法是欢迎的。
发布于 2018-05-04 06:24:12
我将左边的列表移出一个柔性盒,并使用百分比来表示大小。
https://stackoverflow.com/questions/50096041
复制相似问题