我试图获得分页,如下面的屏幕截图所示。什么设置可以实现这样的分页
我正在初始化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>
答案 0 :(得分:0)
查看您的分页图像,看起来您在分页内部Ellipses
遇到问题,因为您的实现正确而错过了active-page
类,所以如果这是正确的,您应该使用Separated Pager for Yii2
扩展,扩展了Yii2 LinkPager并添加了省略号。
Yii2 LinkPager
,显示与其他页面内联的第一页和最后一页。比专用的&#34; First&#34;和&#34;最后&#34;您的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'
]
] );
希望这可以帮助你。