Как отобразить данные в столбце сетки

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" из вашего контейнера Grid.

Проверьте мой CodeSendbox, чтобы увидеть решение: https://codesandbox.io/s/material-demo-628op