Как сделать сетку похожей на таблицу ⇐ CSS

[Anonymous]

Мне нужно отобразить сетку в формате таблицы, например, у меня есть две строки, за которыми изначально следует следующий CSS:
Шаг 1:

Код: Выделить всё

.grid-container {
display: grid;
grid-template-columns: auto;
background-color: #2196F3;
padding: 10px;
}

Вывод:


Я динамически добавил еще один столбец, но он отображается, как показано ниже, только правильно, но мне нужно, чтобы столбец отображался по строкам, какие-то сложности есть в CSS. Пожалуйста, подскажите, как этого добиться.
У меня есть одна идея: на основе порядка будет отображаться сетка, как и любой другой вариант визуализации.
Шаг 2.

Код: Выделить всё

.grid-container {
display: grid;
grid-template-columns: auto auto;
background-color: #2196F3;
padding: 10px;
}

Вывод:


Я ожидал, что это будет выглядеть так:
[img]https:// i.sstatic.net/60a9C.png[/img]


Подробнее здесь: https://stackoverflow.com/questions/580 ... like-table