css - 在 ionic 3 上组织网格

Question

我该怎么做才能对我的网格进行排序，所以..在它们之间放置线条以将一个元素与另一个元素区分开来，我将在 HTML 中展示我希望它如何保持 ionic

当前图像在 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>

Answer 1

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