如何在Material ui中实现网格内网格项的垂直滚动？

Question

如何向网格容器添加垂直滚动功能，以便在组件高度超过某个最大值时可以垂直滚动其组件？

Answer 1

假设您使用的是最新的 MUI，它可以像通过容器的prop（或其父元素）添加overflowY: 'scroll'和设置 a一样简单。例如：maxHeightGridsx

      <Grid
        sx={{ overflowY: "scroll", maxHeight: "250px" }}
        container
        spacing={2}
      >
        ...
      </Grid>

工作CodeSandbox：https://codesandbox.io/s/mui-5-scrollable-grid-gjxfq? file=/demo.js