在离子3上组织网格

Question

如何对网格进行排序，所以..在它们之间放置线条以区分项目与其他项目，我将在HTML中显示我希望它保持离子的示例

当前关于离子的图片

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

您可以将public function showAllBooks{ return response()->json(DB::table('books')->get())); }添加到行/列