Как сделать сетку динамически, нажав кнопку

Question

У меня есть список, заполненный массивом строк.

Я хочу создать сетку, которая будет иметь максимум 3 столбца на строку.Он будет пустым, а затем будет создавать столбец для каждого элемента списка при каждом его выборе.Допустим, у меня есть массив

Допустим, у меня есть список, заполненный этим массивом ["lorem", "ipsum", "dolor"] Когда я выбираю, например, ipsum, он должен динамически создать новый столбец в сетке для ipsum.

В сетке должно быть всего 3 столбца на строку

Я понятия не имею, что попробовать

Вот и все, что у меня есть

HTML

<ion-list>
    <ion-item *ngFor="let item of itemlist">
         {{item}}
    </ion-item>
<ion-list>

Скажем, я хочу, чтобы здесь была сетка:

<ion-grid>
//How do i make this grid to do what i explained above
</ion-grid>

, тогда для ts

listitems = ["lorem", "ipsum", "dolor"];

Я ожидаю, что сетка будет обновляться столбцамикогда я нажимаю на любой элемент списка, но я не смог найти способ сделать это