Come abbiamo visto nel recente articolo di introduzione a Blazor 5 (https://www.aspitalia.com/articoli/asp.net-core5/novita-aspnetcore-net5-p-3.aspx#title_2) tramite il componente Virtualize possiamo facilmente implementare una logica di infinite scroll, semplicemente configurandone la proprietà ItemsProvider.

Per migliorare l'esperienza utente, tuttavia, potremmo voler visualizzare un messaggio nel frattempo che il caricamento dei nuovi dati sia completato. Questo è esattamente lo scopo del template PlaceHolder:

<Virtualize Context="player" ItemsProvider="GetPlayers">
  <ItemContent>
    <tr>
      <td>@person.Name</td>
      <td>@person.Email</td>
      <td>@person.Age</td>
      ...
    </tr>
  </ItemContent>
  <Placeholder>
    <div class="spinner-border" role="status">
      <span class="sr-only">Loading...</span>
    </div>
  </Placeholder>
</Virtualize>

Come possiamo notare, in questo caso il template di rendering degli elementi deve essere esplicitamente assegnato alla proprietà ItemContent.