Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ionic framework 如何将列垂直融合在一起,就像离子网格表中HTML中的rowspan一样?_Ionic Framework_Ionic4 - Fatal编程技术网

Ionic framework 如何将列垂直融合在一起,就像离子网格表中HTML中的rowspan一样?

Ionic framework 如何将列垂直融合在一起,就像离子网格表中HTML中的rowspan一样?,ionic-framework,ionic4,Ionic Framework,Ionic4,好的,我在这里问另一个问题,这个问题可能已经被回答了,但我在爱奥尼亚的文献中找不到答案,所以这里什么都没有: 我得到了一个离子网格,有3列,大约20行,我想把最后4行中的第3列融合在一起,就像你在HTML中用rowspan做的一样 我知道可以通过向离子列添加size=“…”来水平组合它们,但我没有看到任何垂直组合的选项 网格基本上如下所示: <ion-grid> <ion-row> <ion-col>Sum random text</ion-col

好的,我在这里问另一个问题,这个问题可能已经被回答了,但我在爱奥尼亚的文献中找不到答案,所以这里什么都没有:
我得到了一个离子网格,有3列,大约20行,我想把最后4行中的第3列融合在一起,就像你在HTML中用rowspan做的一样

我知道可以通过向离子列添加size=“…”来水平组合它们,但我没有看到任何垂直组合的选项

网格基本上如下所示:

<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>

随机文本和
和随机数
和随机单选按钮
...     //几次都是一样的
//最后4行属于一起,因此我只想
//所有4行的一个按钮->最后4行的第3列
//应该是一个字段
这样做似乎就是你可以做到的:

<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>

随机文本和
和随机数
和随机单选按钮
这是第一排牢房
这是第二排牢房
这是第二排牢房
此单元格是“合并”的3行

这是从我的头顶上写下来的,所以可能需要一些调整。

是的,我知道,但我想将最后4行的第3列合并为一列。因此,我基本上只有一列占据了所有4行的空间。哦,是的,我已经描述了colspan,不是吗,但你指的是rowspan。我认为解决方案是为它们定义一个单独的
ion行
模板,并通过指定宽度来保持cols的同步,而不是让它自动调整。是的,现在可以了,虽然我需要格式化它一点,因为边界和东西。再次感谢你,伙计