Question

我使用Laravel分页和Materialize CSS创建了一个数据表，但是当我使用{!! $users->render() !!}创建分页链接时，分页链接似乎不正确地显示如下：

以及如何使其像documentation一样时尚？

Answer 1

默认情况下，Laravel使用Bootstrap进行分页，如果使用其他框架，则需要对其进行自定义。由于样式表可能彼此冲突。

我已经遵循Laravel Docs来完成工作。

第一，

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

这将发布我们可以编辑的文件，

按照打开文件的路径

resources/views/vendor/pagination/bootstrap-4.blade.php

这是用于实现分页的更新文件，

@if ($paginator->hasPages())
<nav>
    <ul class="pagination">
        {{-- Previous Page Link --}}
        @if ($paginator->onFirstPage())
        <li class="disabled" aria-disabled="true">
            <a href="#!"><i class="material-icons">chevron_left</i></a>
        </li>
        @else
        <li>
            <a href="{{ $paginator->previousPageUrl()}}"><i class="material-icons">chevron_left</i></a></li>
        @endif

        {{-- Pagination Elements --}}
        @foreach ($elements as $element)
        {{-- "Three Dots" Separator --}}
        @if (is_string($element))
        <li class="disabled" aria-disabled="true"><a>{{ $element }}</a></li>
        @endif

        {{-- Array Of Links --}}
        @if (is_array($element))
        @foreach ($element as $page => $url)
        @if ($page == $paginator->currentPage())
        <li class="active"><a href="">{{ $page }}</a></li>
        @else
        <li><a href="{{ $url }}">{{ $page }}</a></li>
        @endif
        @endforeach
        @endif
        @endforeach

        {{-- Next Page Link --}}
        @if ($paginator->hasMorePages())
        <li>
            <a href="{{ $paginator->nextPageUrl() }}"><i class="material-icons">chevron_right</i></a>
        </li>
        @else
        <li class=" disabled" aria-disabled="true" aria-label="@lang('pagination.next')">
            <a href="" aria-hidden="true"><i class="material-icons">chevron_right</i></a>
        </li>
        @endif
    </ul>
</nav>
@endif

注意： Laravel版本6并实现-1.0.0

希望，这将有助于将来有人寻找它。

在Laravel 5.8中实现分页链接样式错误

1 个答案: