Laravel 5.1 自定义分页器样式 - Laravel 5.1 customizing the paginator styling

Laravel 5.1 customizing the paginator styling

本文关键字：样式分页自定义 Laravel | 更新日期: 2023-09-27

有没有办法在Laravel 5.1中自定义分页器视图。

除了开箱即用的上一个和下一个链接之外，我还想添加一个第一个和最后一个链接。

我想更改上一个和下一个链接以显示图标而不是文本，但为屏幕阅读器显示文本。

我想将页面链接的数量限制为仅显示 5。

以下是我想要实现的目标。

<ul class="pagination no-margin pull-right">
    <li class="disabled">
        <a href="/">First</a>
    </li>
    <li class="disabled">
        <a href="#">
           <span class="sr-only">Previous</span>
           <i class="fa fa-caret-left" aria-hidden="true"></i>
        </a>
    </li>
    <li class="active">
        <a href="/">1</a>
    </li>
    <li class="">
        <a href="/">2</a>
    </li>
    <li class="">
        <a href="/">3</a>
    </li>
    <li class="">
        <a href="/">4</a>
    </li>
    <li class="">
        <a href="/">5</a>
    </li>
    <li>
        <a href="#">
            <span class="sr-only">Next</span>
            <i class="fa fa-caret-right" aria-hidden="true"></i>
        </a>
    </li>
    <li >
        <a href="/">Last</a>
    </li>
</ul>

in 而不是

$users->render()

用

@include('pagination', ['paginator' => $users])

在视图目录中创建pagination.blade

将此代码添加到分页文件中

@if ($paginator->lastPage() > 1)
  <ul class="pagination">
 <li class="{{ ($paginator->currentPage() == 1) ? ' disabled' : '' }}">
    <a href="{{ $paginator->url(1) }}">Previous</a>
</li>
@for ($i = 1; $i <= $paginator->lastPage(); $i++)
    <li class="{{ ($paginator->currentPage() == $i) ? ' active' : '' }}">
        <a href="{{ $paginator->url($i) }}">{{ $i }}</a>
    </li>
@endfor
  <li class="{{ ($paginator->currentPage() == $paginator->lastPage()) ? ' disabled' : '' }}">
    <a href="{{ $paginator->url($paginator->currentPage()+1) }}" >Next</a>
  </li>
</ul>
@endif

您可以在此文件中添加样式

获取最后一页$paginator->lastPage()，第一页1

您可以修改此文件以自定义分页器样式

'vendor'laravel'framework'src'Illuminate'Pagination'BootstrapThreePresenter.php