Ion-grid doesn’t work on ios devices (Ipad)


#1


In Ipad view in Thumbnail it shows like this image. Do you have any solution for this?


#2

Code:

      <div *ngSwitchCase="'folder'">
        <img src="assets/img/folder.png">

        <div class="folder-style">
          <h2>{{ item.name }}</h2>
        </div>
      </div>
      <div *ngSwitchCase="'reportbuilder'" class="browse-border">
        <ion-thumbnail item-left class="file-img-style">
          <img [src]="serverAddress + item.thumbnail"/>
        </ion-thumbnail>
        <div class="files-style">
          <h2>{{ item.name }}</h2>
        </div>
      </div>
      <div *ngSwitchCase="'dashboard'" class="browse-border">
        <ion-thumbnail item-left class="file-style">
          <img [src]="serverAddress + item.thumbnail"/>
        </ion-thumbnail>
        <div class="files-style">
          <h2>{{ item.name }}</h2>
        </div>
      </div>
    </ion-col>
  </ion-row>
</ion-grid>
{{ item.name }}
{{ item.name }}
    </ion-row>

    <ion-row *ngSwitchCase="'dashboard'">
      <ion-col col-3 class="ico">
        <ion-thumbnail item-left>
          <img class="browse-img-list" [src]="serverAddress + item.thumbnail"/>
        </ion-thumbnail>
      </ion-col>
      <ion-col col-2>
        <img class="ico-img" [src]="getDocumentIcon(item)">
      </ion-col>
        <ion-col col-7>
          <h6>{{ item.name }}</h6>
        </ion-col>

    </ion-row>

  </ion-item>
</ion-grid>