时间戳

首页 > 解决方案 > 在 ionic 3 上组织网格

css - 在 ionic 3 上组织网格

问题描述

我该如何对网格进行排序，所以..在它们之间放置线条以区分一个项目与另一个项目，我将在 HTML 中展示我希望它如何保留在 ionic 中的示例

目前在离子上的图像

php / laravel 中组织网格的示例

ion-grid>
    <ion-row no-padding *ngFor="let dado of data" (click)="openInvoice(dado.id)">
        <ion-col col col-1  style="font-size:8px;color: #000000;background-color: ">
            {{dado.id}}
        </ion-col>
        <ion-col  col col-2  style="font-size:8px;color: #000000">
            {{dado.created_at}}
        </ion-col>
<ion-col  col col-2  style="font-size:8px;color: #000000">
            {{dado.name}}
        </ion-col>
<ion-col  col col-2  style="font-size:8px;color: #000000">
            {{dado.total}}
        </ion-col>
<ion-col  col col-2  style="font-size:8px;color: #000000">
            {{dado.payment_method}}
        </ion-col>
</ion-row>
</ion-grid>

标签： cssionic-frameworkionic3

解决方案

您可以添加border: 1px solid grey;到您的行/列

推荐阅读