如何在网格列中显示数据

Question

我正在遍历一个数据集。 显示输出应以列为单位，但以行为单位。

  <Grid direction="column" container >
       <Grid xs={6} item >
                {name}
       </Grid>
    </Grid>

我得到这样的结果：

name2
name3
name4
name5

我应该得到：

name1  name2
name3  name4
name5

Answer 1

为了获得这种类型的布局：

name1  name2
name3  name4
name5

您应该从网格容器中删除direction =“ column”。

查看我的CodeSendbox以查看解决方案：https://codesandbox.io/s/material-demo-628op