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的同步,而不是让它自动调整。是的,现在可以了,虽然我需要格式化它一点,因为边界和东西。再次感谢你,伙计