使用 bootstrap 和 onEachSide 在 Laravel 的分页中添加链接答案

【问题标题】：adding links within pagination in Laravel using bootstrap and onEachSide使用 bootstrap 和 onEachSide 在 Laravel 的分页中添加链接
【发布时间】：2021-11-09 12:29:48
【问题描述】：

这是我的问题，我正在将现有的内部应用程序迁移到 Laravel，我正在处理的页面列出了客户，我正在使用引导程序来呈现分页部分并使用 {{ $clients->onEachSide(5)->links }} 我现在想做的事情和我不知道如何开始是在分页左侧添加一些按钮来过滤表格。上面代码的渲染代码如下：

<nav>
    <ul class="pagination">
        <li class="page-item disabled" aria-disabled="true" aria-label="« Previous"><span class="page-link" aria-hidden="true">‹</span></li>
        <li class="page-item active" aria-current="page"><span class="page-link">1</span></li>
        <li class="page-item"><a class="page-link" href="http://site.ecl/index.php/accounts?page=2">2</a></li>
        <li class="page-item"><a class="page-link" href="http://site.ecl/index.php/accounts?page=3">3</a></li>
        <li class="page-item"><a class="page-link" href="http://site.ecl/index.php/accounts?page=4">4</a></li>
        <li class="page-item"><a class="page-link" href="http://site.ecl/index.php/accounts?page=5">5</a></li>
        <li class="page-item"><a class="page-link" href="http://site.ecl/index.php/accounts?page=6">6</a></li>
        <li class="page-item"><a class="page-link" href="http://site.ecl/index.php/accounts?page=2" rel="next" aria-label="Next »">›</a></li>
    </ul>
</nav>

所以我想我想做的是在 ul 之后但在导航中添加一些内容。这可能吗？如果不是应该怎么做？

谢谢

克雷格

【问题讨论】：

您可以自定义分页视图，如Customizing The Pagination View中所述
这正是我所追求的。不知道我怎么没找到。

标签： laravel pagination nav

【解决方案1】：

打开你的分页文件，然后将类添加到导航标签

<nav class="row">

像这样：

            <nav class="row">
                <ul class="pagination">
                    <li class="page-item disabled" aria-disabled="true" aria-label="« Previous"><span class="page-link" aria-hidden="true">‹</span></li>
                    <li class="page-item active" aria-current="page"><span class="page-link">1</span></li>
                    <li class="page-item"><a class="page-link" href="http://site.ecl/index.php/accounts?page=2">2</a></li>
                    <li class="page-item"><a class="page-link" href="http://site.ecl/index.php/accounts?page=3">3</a></li>
                    <li class="page-item"><a class="page-link" href="http://site.ecl/index.php/accounts?page=4">4</a></li>
                    <li class="page-item"><a class="page-link" href="http://site.ecl/index.php/accounts?page=5">5</a></li>
                    <li class="page-item"><a class="page-link" href="http://site.ecl/index.php/accounts?page=6">6</a></li>
                    <li class="page-item"><a class="page-link" href="http://site.ecl/index.php/accounts?page=2" rel="next" aria-label="Next »">›</a></li>
                </ul>
                <ul class="pagination">
                    <li class="page-item"><a class="btn btn-primary" href="#">EXAMPLE</a></li>
                </ul>
            </nav>

【讨论】：