Ion-grid horizontal scroll for randon number of columns


#1

I’m trying to create a horizontal scroll so that the contents of the ion-grid fields do not break line.

ionic 3.20
cordova 8.0

estmin

My code:

  <p><b>{{MsgPerNome}}</b></p>
  <div text-justify>
    <div class="item-text-wrap" [innerHtml]=MsgBody></div>
  </div>
  <ion-row>
      <ion-col class="gHeader" *ngFor="let header of headers" text-center>
          <b>{{header}}</b>
      </ion-col>
  </ion-row>
  <ion-row *ngFor="let midia of MsgMidia">
      <ion-col *ngFor="let header of headers" [ngClass]="isNum(midia[header]) ? 'numberAlign' : 'textAlign'">
          {{midia[header]}}
      </ion-col>
  </ion-row>

Tks for any help.