Ionic 3 virtual scroll not working on segment

#1

Hi,

I have a problem and I want to display ion list with virtual in ion grid segment.

please see below screenshot.

This is my code


<ion-header>
  <ion-navbar color="primary">
      <ion-toolbar class="player-sort">
          <ion-segment [(ngModel)]="segments">
            <ion-segment-button value="overview">
              <div class="sort-label">OVERVIEW</div> 
            </ion-segment-button>
            <ion-segment-button value="playbyplay" >
                <div class="sort-label">PLAY-BY-PLAY</div>
              </ion-segment-button>
              <ion-segment-button value="box">
                  <div class="sort-label">BOX SCORE</div>
                </ion-segment-button>
          </ion-segment>
        </ion-toolbar>
    <ion-title></ion-title>
  </ion-navbar>
</ion-header>

<ion-content fullscreen>
 <div [ngSwitch]="segments">
  <ion-grid *ngSwitchCase="'overview'" class="no-padding">
   <div>test</div>
  </ion-grid>
  <ion-grid *ngSwitchCase="'playbyplay'" class="no-padding">
   <ion-list [virtualScroll]="dataLogs"  approxItemHeight="100px">
     <ion-item *virtualItem="let dataLog"><div>{{ dataLog.actionNumber }}</div></ion-item>
   </ion-list>
  </ion-grid>
 </div>
<ion-content>