前提・実現したいこと
現在Laravelを勉強中なのですが、Controllerでpaginateを使ってページングを実装しようと思っていたのですが、表示サイズがおかしくなってしまいます。
動くことは動くのですが、ご存じの方いらっしゃいましたらご教示いただけると幸いです。
発生している問題
該当のソースコード
Controller
PHP
1public function index() 2 { 3 // DBよりusersテーブルの値を全て取得 4 $users = User::paginate(3); 5 6 // 取得した値をビュー「user/index」に渡す 7 return view('user/index', compact('users')); 8 }
View
PHP
1@extends('layouts.default') 2@section('title', 'Laravel Sample') 3 4@section('content') 5 <div class="container-fluid px-3 px-md-4 py-4"> 6 <div class="row"> 7 <div class="col-md-12"> 8 <h3 class="ops-title">一覧</h3> 9 </div> 10 </div> 11 <div class="bsx--card--fluid card shadow-none border-0"> 12 <div class="card-body p-0"> 13 <div class="table-responsive"> 14 <table class="table border-bottom mb-0"> 15 <tr> 16 <th class="text-center">ID</th> 17 <th class="text-center">名前</th> 18 <th class="text-center">email</th> 19 <th class="text-center">作成日時</th> 20 <th class="text-center">更新日時</th> 21 </tr> 22 @foreach($users as $user) 23 <tr> 24 <td class="text-center"><a href="/user/{{ $user->id }}/edit">{{ $user->id }}</a></td> 25 <td class="text-center">{{ $user->name }}</td> 26 <td class="text-center">{{ $user->email }}</td> 27 <td class="text-center">{{ $user->created_at }}</td> 28 <td class="text-center">{{ $user->updated_at }}</td> 29 </tr> 30 @endforeach 31 </table> 32 <div><a href="/user/create" class="btn btn-primary">新規作成</a></div> 33 </div> 34 </div> 35 </div> 36 </div> 37 // ページング 38 {{ $users->links() }} 39@endsection
レイアウトファイル
PHP
1<!doctype html> 2<html lang="ja"> 3<head> 4<meta charset="utf-8"> 5<title>@yield('title')</title> 6<link href="{{asset('dist/lib/bootstrap.min.css')}}" rel="stylesheet"> 7<script src="{{asset('dist/lib/bootstrap.min.js')}}"></script> 8<script src="{{asset('dist/lib/jquery-3.5.1.min.js')}}"></script> 9 10</head> 11<body> 12@yield('content') 13</body> 14</html>
補足情報(FW/ツールのバージョンなど)
Laravelのバージョンは8.0になります。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。