Laravel 5.1自定义分页器样式

时间:2016-02-17 09:04:24

标签: php css pagination laravel-5.1

有没有办法在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>

2 个答案:

答案 0 :(得分:0)

代替

__init__

使用

$users->render()

在views目录中创建@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 :(得分:0)

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

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