在材质网格中添加滚动条

Posted 2023-02-22

【中文标题】在材质网格中添加滚动条

【英文标题】：Add scrollbar in Material Grid

【发布时间】：2021-10-22 10:09:29

【问题描述】：

我有这个材质网格，其中包含许多项目。

        <Grid container direction="row" justifyContent="flex-start" alignItems="flex-start">
            <Grid item xs=5>
                <Box m=5 pl=10>
                    test 2
                </Box>

                <Box m="4rem" />

            </Grid>
            ................
        </Grid>

我对如何添加水平滚动条来滚动 Grid 项目感兴趣？

【问题讨论】：

你的意思是不是垂直加载项目，而是水平加载项目？

【参考方案1】：

如果您正在寻找以下内容，您可以更改您的组件以使用 GridList 和 GridListTile：https://material-ui.com/components/grid-list/#single-line-grid-list