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

【问题标题】：Materialize Pagination Link Style Error in Laravel 5.8在 Laravel 5.8 中实现分页链接样式错误
【发布时间】：2019-09-20 04:56:18
【问题描述】：

我使用 Laravel 分页和 Materialize CSS 创建了一个数据表，但是当我使用 {!! $users->render() !!} 创建分页链接时，分页链接看起来不正确：

以及如何像documentation 那样更时尚地展示它？

【问题讨论】：

分页工作正常吗？
是的，分页工作正常。
所以也许你的问题是css规则冲突。使用浏览器中的检查元素检查分页 css。

标签： css laravel datatable pagination materialize

【解决方案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

希望，这将有助于一些人在未来寻找这个..

【讨论】：