Ionic Grid -- "Rowspan" equivalent?

#1

I’m trying to create a table-like layout in Ionic v4 using <ion-grid> code, and I’m looking for a way to make an <ion-col> element span two rows. Is this possible?

#2

Hi @mlynch :wave:

It’s possible, but maybe you’ll need to design it the other way around and to divide the other columns into 2 rows instead of merging them. Something like:

<ion-grid>
  <ion-row>
    <ion-col>This cell is two rows "merged"<ion-col>
    <ion-col>
      <ion-row>
        <ion-col>This is cell row 1</ion-col>
      </ion-row>
        <ion-col>This is cell row 2</ion-col>
      </ion-row>
    </ion-col>
  </ion-row>
</ion-grid>

I hope it helps!
Rodrigo

1 Like