zoukankan      html  css  js  c++  java
  • yii2中分页的样式设置

    上下页按钮以及10个按钮

    1. 首先,我们把上下页的按钮修改成中文
    <?= LinkPager::widget([ 
        'pagination' => $pages, 
        'nextPageLabel' => '下一页', 
        'prevPageLabel' => '上一页', 
    ]); ?>
    
    1. 如果你不想要显示上下页,可以将prevPageLabel和nextPageLabel设置为false
    <?= LinkPager::widget([ 
        'pagination' => $pages, 
        'nextPageLabel' => false, 
        'prevPageLabel' => false, 
    ]); ?>
    
    1. 默认不显示首页也尾页,如果你需要,可以这样设置
    <?= LinkPager::widget([ 
        'pagination' => $pages, 
        'firstPageLabel' => '首页', 
        'lastPageLabel' => '尾页', 
    ]); ?>
    
    1. 如果你的数据过少,不够2页,默认不显示分页,如果你需要,设置hideOnSinglePage=false即可
    <?= LinkPager::widget([ 
        'pagination' => $pages, 
        'hideOnSinglePage' => false, 
    ]); ?>
    
    1. 默认显示的页码为10页,可以设置maxButtonCount为你想要展示的页数
    <?= LinkPager::widget([ 
        'pagination' => $pages, 
        'maxButtonCount' => 5, 
    ]); ?>
    
    1. 有些人不喜欢默认的样式,想要分页带上自己的样式,可以设置options,不要忘了自行实现pre,next,disabled等样式
    <?= LinkPager::widget([ 
        'pagination' => $pages, 
        'options' => ['class' => 'm-pagination'], 
    ]); ?>
    
  • 相关阅读:
    NOI 模拟赛
    bzoj 4998 星球联盟
    bzoj 4545 DQS 的 Trie
    loj #161 子集卷积
    bzoj 5093 图的价值
    bzoj 4299 Codechef FRBSUM
    NOI 模拟赛
    WC2018 州区划分
    CSP 2020 T2 动物园
    CSP 2020 T1 儒略日
  • 原文地址:https://www.cnblogs.com/wepe/p/7424574.html
Copyright © 2011-2022 走看看