The data list grid is very slow on ipad


#1

The data list grid is very slow to run on ipad, about 200+ rows in the item list.

Here is my code, why is it very slow to scroll?

<ion-scroll scrollY="true" zoom="false" style="width: 75%; height: 100%;float:left;">
        <ion-item-divider no-padding sticky>
            <ion-grid no-padding item-content>
                <ion-row text-center>
                    <ion-col col-1>xx</ion-col>
                    <ion-col col-4>xxx</ion-col>
                    <ion-col col-1>xxx</ion-col>
                    <ion-col col-1>xxx</ion-col>
                    <ion-col col-1>xxx</ion-col>
                    <ion-col col-1>xxx</ion-col>
                    <ion-col col-2>xxx</ion-col>
                    <ion-col col-1>xxx</ion-col>
                </ion-row>
            </ion-grid>
        </ion-item-divider>
        <ion-grid no-padding>
            <ion-row text-center *ngFor="let item of items,let num = index;">
                <ion-col col-1>
                    <div>{{num+1}}</div>
                    <ion-icon item-end name="trash" tappable (click)="delItems(num)"></ion-icon>
                </ion-col>
                <ion-col col-4 style="justify-content: flex-start;">
                    <img style="height: 44px;margin: 0 8px 0 5px;" [src]="getListPictureUrl(item.imgUrl)">
                    <div class="tl">
                        <div>{{item.id}}</div>
                        <div>{{item.name}}</div>
                    </div>
                </ion-col>
                <ion-col col-1>
                    {{item.xxx}}
                </ion-col>
                <ion-col col-1>
                    {{item.xxx}}
                </ion-col>
                <ion-col col-1>
                    {{item.xxx}}
                </ion-col>
                <ion-col col-1>
                    {{item.xxx | number : '1.2-2'}}
                </ion-col>
                <ion-col col-2>
                    {{item.xxx | number : '1.2-2'}}
                </ion-col>
                <ion-col col-1>
                    <ion-input [(ngModel)]="item.xxx"></ion-input>
                </ion-col>
            </ion-row>
        </ion-grid>
    </ion-scroll>

#2

Same experience in my app. You found any solution to it?