Reactjs 尝试使用固定大小的应用程序制作可滚动的表格

Reactjs 尝试使用固定大小的应用程序制作可滚动的表格,reactjs,electron,material-ui,Reactjs,Electron,Material Ui,我正在尝试在我的electron/react/material ui应用程序中设置一个可滚动块。 我希望应用程序可以采用用户调整其大小的任何大小,并且我希望此块中的数据列表是唯一可滚动的元素(如果其他元素有足够的空间,但此元素没有),例如: 在这里,我几乎得到了我想要的,但是,我在我的“变量”元素中强制了一个固定的minHeight和maxHeight,因此,它不是变量,它不会占用所有剩余的自由空间,它总是占用固定的空间量,导致列表末尾和底部栏之间的间隙,或者在应用程序大小占用太多空间时强制滚

我正在尝试在我的electron/react/material ui应用程序中设置一个可滚动块。 我希望应用程序可以采用用户调整其大小的任何大小,并且我希望此块中的数据列表是唯一可滚动的元素(如果其他元素有足够的空间,但此元素没有),例如:

在这里,我几乎得到了我想要的,但是,我在我的“变量”元素中强制了一个固定的minHeight和maxHeight,因此,它不是变量,它不会占用所有剩余的自由空间,它总是占用固定的空间量,导致列表末尾和底部栏之间的间隙,或者在应用程序大小占用太多空间时强制滚动整个应用程序

如何制作“滚动框”?我想要滚动的元素是MaterialUI中的表