要自定義 Laravel 分頁的樣式,你需要遵循以下步驟:
創建自定義分頁視圖
首先,你需要創建一個新的視圖文件來存放自定義的分頁樣式。在 resources/views
目錄下,創建一個新的文件夾(例如:pagination
),然后在該文件夾中創建一個新的視圖文件(例如:custom.blade.php
)。
編輯視圖文件
接下來,打開 custom.blade.php
文件并添加你想要的自定義分頁 HTML 結構。以下是一個簡單的自定義分頁示例:
@if ($paginator->hasPages())
<nav>
<ul class="pagination">
{{-- Previous Page Link --}}
@if ($paginator->onFirstPage())
<li class="disabled"><span>«</span></li>
@else
<li><a href="{{ $paginator->previousPageUrl() }}" rel="prev">«</a></li>
@endif
{{-- Pagination Elements --}}
@foreach ($elements as $element)
{{-- "Three Dots" Separator --}}
@if (is_string($element))
<li class="disabled"><span>{{ $element }}</span></li>
@endif
{{-- Array Of Links --}}
@if (is_array($element))
@foreach ($element as $page => $url)
@if ($page == $paginator->currentPage())
<li class="active"><span>{{ $page }}</span></li>
@else
<li><a href="{{ $url }}">{{ $page }}</a></li>
@endif
@endforeach
@endif
@endforeach
{{-- Next Page Link --}}
@if ($paginator->hasMorePages())
<li><a href="{{ $paginator->nextPageUrl() }}" rel="next">»</a></li>
@else
<li class="disabled"><span>»</span></li>
@endif
</ul>
</nav>
@endif
你可以根據需要修改這個視圖文件,以實現你想要的分頁樣式。
paginate()
方法。例如:$users = DB::table('users')->paginate(15);
然后,在你的視圖中,使用 links()
方法并傳入自定義分頁視圖的路徑。例如:
{{ $users->links('pagination.custom') }}
這將使用你在 custom.blade.php
文件中定義的自定義分頁樣式來渲染分頁鏈接。
現在,你已經成功地自定義了 Laravel 分頁的樣式。根據需要調整 custom.blade.php
文件中的 HTML 結構和 CSS 類,以實現所需的外觀和交互。