如何将列垂直融合在一起，就像离子网格表中的 HTML 中的行跨度一样？

Question

好的，我在这里，问另一个可能已经回答的问题，但我在 ionic-documentation 中找不到答案，所以这里什么都没有：
我有一个 3 列和大约 20 行的离子网格，我想将最后 4 行的第 3 列融合在一起，就像你可以在 HTML 中使用行跨度一样。

我知道您可以通过将 size="..." 添加到 ion-col 来将它们水平组合，但我没有看到任何垂直组合的选项。

网格基本上是这样的：

<ion-grid>
 <ion-row>
  <ion-col>Sum random text</ion-col>
  <ion-col>Sum random number</ion-col>
  <ion-col>Sum random radio-button</ion-col>
 </ion-row>
...     //Just the same thing a few times

        //the last 4 rows belong together and therefore I only want
        //One button for all 4 of them -> the 3rd column of the last 4 rows
        //should be one single field
</ion-grid>

Answer 1

所以这样做some research似乎是你可以这样做的方式：

<ion-grid>
    <ion-row>
        <ion-col size="3">Sum random text</ion-col>
        <ion-col size="3">Sum random number</ion-col>
        <ion-col size="3">Sum random radio-button</ion-col>
    </ion-row>
    <ion-row>
        <ion-col>
            <ion-row size="6">
                <ion-col>This is cell row 1</ion-col>
            </ion-row>
            <ion-row size="6">
                <ion-col>This is cell row 2</ion-col>
            </ion-row>
            <ion-row size="6">
                <ion-col>This is cell row 2</ion-col>
            </ion-row>
        </ion-col>
        <ion-col>
            <ion-col>This cell is the 3 rows "merged"<ion-col>
        </ion-col>
    </ion-row>
</ion-grid>

这只是我的想法，所以它可能需要一些调整。