score:1

assuming you're using the latest mui, it can be as simple as adding overflowy: 'scroll' and setting a maxheight via the grid container's sx prop (or its parent element). for example:

      <grid
        sx={{ overflowy: "scroll", maxheight: "250px" }}
        container
        spacing={2}
      >
        ...
      </grid>

working codesandbox: https://codesandbox.io/s/mui-5-scrollable-grid-gjxfq?file=/demo.js


Related Query

More Query from same tag