Laravel 8 Paginator 를 Bootstrap 에서 사용시

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

Upgrade Guide - Laravel - The PHP Framework For Web Artisans

그래서 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

의 파일들이 보입니다.

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