Dynamic list with 2 or 3 columns

How to make a list with 2 or 3 columns which loads its content dynamically from api service?
any working examples?

It depends, is it 2 or 3 separated lists ?
In that case, you make 3 column and in each columns you can load a different list.

If you want 1 list on 2 or 3 columns, you do this with your css :

<figure *ngFor="let c of categories.list;" (click)="categories.toggle(c)">
		<img class="font" *ngIf="categories.cat[c].active" src="assets/categories/active/{{categories.cat[c].picto}}" >
		<img class="font" *ngIf="!categories.cat[c].active" src="assets/categories/inactive/{{categories.cat[c].picto}}" >
		<img class="check" *ngIf="categories.cat[c].active" src="assets/categories/check.png" >
		<img class="check" *ngIf="!categories.cat[c].active" src="assets/categories/uncheck.png" >


margin: 2px;

	position: relative;
	display: inline-block;
	margin: 2px;
	width: calc(50% - 8px);

	position: absolute;
	font-size: large;
	font-weight: bold;
	color: white;
	text-shadow: 1px 1px 6px #000;
	bottom: 6px;
	left: 6px;

	position: absolute;
	max-width: 20%;
	top: 5%; right: 5%;

	position: relative;
	width: 100%;
1 Like