Yii2：自定义 LinkPager 以在分页中显示 Ellipses答案

【问题标题】：Yii2: Customize LinkPager to show Ellipses in paginationYii2：自定义 LinkPager 以在分页中显示 Ellipses
【发布时间】：2018-05-18 16:53:22
【问题描述】：

我正在尝试像下面的屏幕截图那样进行分页。什么设置可以实现这样的分页

我正在初始化 LinkPager，如下所示

<?php echo LinkPager::widget([
            'pagination' => $pages,
            'prevPageLabel' => false,
            'nextPageLabel' => false,
            'maxButtonCount'=>2,
            'options' => [
                'class' => 'ip-mosaic__pagin-list',
            ],
        ]); ?>

下面是HTML版的分页

<ul class="ip-mosaic__pagin-list">
            <li class="active-page"><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li class="ip-mosaic__pagin-dots"><i class="fas fa-circle"></i> <i class="fas fa-circle"></i> <i
                        class="fas fa-circle"></i></li>
            <li><a href="#">35</a></li>
        </ul>

【问题讨论】：

以上应用设置的输出是什么，您可以显示图像或添加生成的 HTML 用于分页，就像您添加了模板 HTML 也添加了生成的 Html。使用上述设置您无法实现什么
添加了一个答案，看看是否对您有帮助。
谢谢！觉得没问题
是的，我已经在本地机器上对其进行了测试，它工作正常，您只需提供 CSS 类以及加载的 CSS 文件，它就可以工作。如果您仍然遇到任何问题，请回来并在此处发布，我们将对其进行整理，该扩展程序的工作方式类似于默认 Yii 的LinkPager。

标签： css pagination yii2

【解决方案1】：

查看您的分页图像，您似乎遇到了分页内部的Ellipses 问题，因为您的实现是正确的，只是缺少active-page 类，所以如果这是正确的，您应该使用Separated Pager for Yii2扩展 Yii2 LinkPager 并添加省略号。

一个 Yii2 LinkPager 显示与其他页面内联的第一页和最后一页。而不是在您的 LinkPager 中具有专用的“第一”和“最后”按钮，分隔寻呼机将显示一组标准的页面链接，但也将始终包括第一页和最后一页作为第一页和最后一页链接。不再有专用的第一个/最后一个按钮，也不再需要猜测有多少页。

使用安装扩展

任意运行

php composer.phar require --prefer-dist justinvoelker/yii2-separatedpager "*"

或添加

"justinvoelker/yii2-separatedpager": "*"

您的代码应如下所示

echo \justinvoelker\separatedpager\LinkPager::widget ( [
    'id'=>'my-pager',
    'pagination' => $pages ,
    'activePageCssClass' => 'active-page' ,
    'prevPageLabel' => false ,
    'nextPageLabel' => false ,
    'maxButtonCount' => 5 ,
    'options' => [
        'class' => 'ip-mosaic__pagin-list'
    ]
] );

希望对你有所帮助。

【讨论】：

谢谢你的详细解答，我会试试的