Virtual scroll with 2 columns


#1

Hello, I’m designing a classified ad application and I am surprised about the lack of examples & tutorials about 2 column list approach.

Currently I have 2 columns with

<ion-col width-50 no-padding>

and 2 normal lists with each item like this:

<ng-container *ngFor="let ad of shown_ads; let even = even;">
    <ion-card class="adv-map" (click)="openAdDetail(ad)" *ngIf="even" tappable>

and the other one is with ‘odd’ of course.

Do you think this is the reason my app is killing old Android phones? What’s the best approach for this kind of 2 column list?

Of course if item sizes are different this code may grow in one column… That’s another issue I want to solve.