본문 바로가기
iaa.dev/Laravel8

Laravel 8 Paginator 를 Bootstrap 에서 사용시

by chopper.kid 2022. 1. 9.

Laravel 8 부터 Paginator 의 기본 스타일링으로 Tailwind CSS 를 사용합니다.  

 

Upgrade Guide - Laravel - The PHP Framework For Web Artisans

Become a Laravel Partner Laravel Partners are elite shops providing top-notch Laravel development and consulting. Each of our partners can help you craft a beautiful, well-architected project.

laravel.com

그래서 bootstrap 을 사용하는 페이지에서 pagination 표시할때 원하는 모습이 아닌 이상한 모습으로 표시될겁니다.

이때 수정하는 방법이 다음과 같습니다.

 

app/Providers/AppServiceProvider.php 파일의 

//상부에 다음 추가하고 
use Illuminate\Pagination\Paginator;
    
//boot 메소드에 다음을 추가    
    public function boot()
    {
        Paginator::useBootstrap();
    }

이렇게 하면 제대로 표시될겁니다.

아니면 페이지별 지정의 방법도 있습니다.

view 페이지에서 보통 

{{ $list->link() }}

로 pagination을 표시합니다.

여기에 옵션으로 

{{ $list->link('pagination::bootstrap-4') }}

과 같이하면 마찬가지로 제대로 보입니다.

 

php artisan vendor:publish --tag=laravel-pagination

페이지네이션에 사용되는 뷰는 위 코맨드로 resources/view/vendor 에 복사됩니다.

여기를 확인해보면 

  • bootstrap-4.blade.php
  • default.blade.php
  • semantic-ui.blade.php
  • simple-bootstrap-4.blade.php
  • simple-default.blade.php
  • simple-tailwind.blade.php
  • tailwind.blade.php

의 파일들이 보입니다.

이 파일들을 커스터마이징 해서 사용할 수도 있으며 이 파일들의 이름을 지정하여 페이지별로 보이고 싶은 페이지네이션뷰를 다르게 할 수도 있겠죠.

반응형
SMALL

댓글