Question

我正在使用Ionic 3 Responsive Grid系统来创建一个包含文本信息的表。

当涉及表头时，头部由两行组成。在第一行中，我希望某些列跨越（合并）第二行的其他几列：

|col1               |col2               |col3          |
|col1|col2|col3|col4|col1|col2|col3|col4|col1|col2|col3|

如何使用<ion-grid> <ion-row> <ion-col>代码实现此目标？

Answer 1

好的，我得到了答案。你能做的是：

<ion-grid>
    <ion-row>
      <ion-col col-4></ion-col>
      <ion-col col-4></ion-col>
      <ion-col col-3></ion-col>
    </ion-row>
    <ion-row>
      <ion-col col-1></ion-col>
      <ion-col col-1></ion-col>
      <ion-col col-1></ion-col>
      <ion-col col-1></ion-col>
      <ion-col col-1></ion-col>
      <ion-col col-1></ion-col>
      <ion-col col-1></ion-col>
      <ion-col col-1></ion-col>
      <ion-col col-1></ion-col>
      <ion-col col-1></ion-col>
      <ion-col col-1></ion-col>
    </ion-row>
</ion-grid>

离子响应网格合并列

1 个答案: