laravel - 如何在网站页面上制作漂亮的表格视图？拉拉维尔

Question

需要帮助设计网站页面上的文本，我显示表格的数据，它们看起来不太好（附上截图）帮助我的视图文件：

@extends('layouts.layout')
@section('title')Бізнес@endsection
@section ('main_content')
    <h1>Бизнес</h1>
    <p>
    @foreach ($business as $singleBusiness)
        <li>{{ $singleBusiness->id}}</li>>
        <li>{{ $singleBusiness->name}}</li>>
        <li>{{ $singleBusiness->mail}}</li>>
        <li>{{ $singleBusiness->website}}</li>>
        @endforeach
        </p>
@endsection

我的盘子看起来像这样，所有记录都是垂直的（

Answer 1

所以，laravel 自带 bootstrap，所以你可以使用它。这是获得一张好桌子的最简单方法

您可以从此页面获取 tabel html，然后将数据放入其中

https://getbootstrap.com/docs/4.5/content/tables/

像这样的东西

<table class="table">
    <thead>
      <tr>
        <th scope="col">#</th>
        <th scope="col">name</th>
        <th scope="col">mail</th>
        <th scope="col">website</th>
      </tr>
    </thead>
    <tbody>
        @foreach ($business as $singleBusiness)
        <tr>
            <th scope="row">{{ $singleBusiness->id}}</th>
            <td>{{ $singleBusiness->name}}</td>
            <td>{{ $singleBusiness->mail}}</td>
            <td>{{ $singleBusiness->website}}</td>
      </tr>
      @endforeach
    </tbody>
</table>