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

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

my plate looks like this, all records are vertical(

Answer 1

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

你可以从这个页面获取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>