page unresponsive when I have 1700 records

[aulona2014]

Hi. I'm using this plugin. Works good, but when I have more data (1700 records) page crash, show page unresponsive.

I have Angular version "^8.2.14"

I have used this code:

         <div style="padding-top: 5%;">
          <sw-item-list *ngFor="let item of TrainingSessionPartecipants" [inside]="item"
            [item-class]="'list-custom'" [show-mark]="false" [disable-mark]="item?.disable"
            (swClick)="clickOnItem(item)" (swipeCb)="swipeCallback($event)" [editTemplate]="editTemplate"
            [trashTemplate]="null" [markTemplate]="defaultMark" [customTemplate]="customTemplatePresence"
            [notMarkTemplate]="defaultNotMark" (callback)="action($event,item)">
          </sw-item-list>
          <ng-template #editTemplate>
            <div class="addnote">
              <i class='fas fa-sticky-note fa-2x'></i>
            </div>
          </ng-template>
        </div>
        <ng-template #customTemplatePresence let-item='item' let-id='id'>
          <div style="display: flex;">
            <div style="width: 80%; padding-left: 10%;">
              <h3 style="margin-top: 0;margin-bottom: 0;">{{ item.Name}} {{item.Surname}}</h3>
              <small style="color:gray;font-weight:500;">{{ item.Position}}</small>
            </div>
          </div>
        </ng-template>

Please, can you share with me any idea how to fix this bug ?

[leifermendez]

Hi @aulona2014 can you share of a screenshot?

[leifermendez]

@aulona2014 maybe you need try a inifinnity scroll

[aulona2014]

@leifermendez I can't share screenshot because the page is freeze, when I want to back from it show Page Unresponsive.
Can you share an example with infinity scroll how to modify code? Thank you