質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

ページネーション

Webアプリケーションにおいて、1ページに収まらないコンテンツを、各ページへのリンクを並べてアクセスしやすくする手法をページネーションと呼びます。

Q&A

解決済

1回答

4122閲覧

ページングの表示サイズがおかしい

mittchy

総合スコア7

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

ページネーション

Webアプリケーションにおいて、1ページに収まらないコンテンツを、各ページへのリンクを並べてアクセスしやすくする手法をページネーションと呼びます。

0グッド

0クリップ

投稿2020/10/27 01:19

前提・実現したいこと

現在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になります。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

ページング用のデフォルトのレイアウトをphp artisan vendor:publish --tag=laravel-paginationで取得することで解決できました。

投稿2020/10/27 01:48

mittchy

総合スコア7

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問