为了账号安全,请及时绑定邮箱和手机立即绑定

bootstrap中不想要分页太多怎么整

/ 猿问

bootstrap中不想要分页太多怎么整

繁星点点滴滴 2019-06-07 15:06:10

bootstrap中不想要分页太多怎么整

查看完整描述

2 回答

?
月关宝盒

在使用 jQuery+bootstrap 做分页处理,是可以参数设置显示多少页的。
$('#page').bs_pagination({
totalPages:5,//总页数:由接口返回(AJAX)
currentPage:1,//当前页:由前端指定
visiblePageLinks:5,//显示的最多分页链接数
showGoToPage:false,
showRowsPerPage: false,
showRowsInfo: false,
showRowsDefaultInfo: false,
mainWrapperClass:'dataPage clearfix',
navListContainerClass:'',
navListClass:'pagination-sm pagination',
containerClass:'',
onChangePage:function(e,obj){//returns page_num and rows_per_page
//当分页被点击的时候,事件回调
//obj.currentPage;//获取点击对象里的当前页

}
});

上面代码的visiblePageLinks 就是限定显示多少页。



查看完整回答
反对 回复 2019-06-08
?
不负相思意

在使用 jQuery+bootstrap 做分页处理,是可以参数设置显示多少页的。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

$('#page').bs_pagination({ 

    totalPages:5,//总页数:由接口返回(AJAX) 

    currentPage:1,//当前页:由前端指定 

    visiblePageLinks:5,//显示的最多分页链接数 

    showGoToPage:false, 

    showRowsPerPage: false, 

    showRowsInfo: false, 

    showRowsDefaultInfo: false, 

    mainWrapperClass:'dataPage clearfix', 

    navListContainerClass:'', 

    navListClass:'pagination-sm pagination', 

    containerClass:'', 

    onChangePage:function(e,obj){//returns page_num and rows_per_page 

        //当分页被点击的时候,事件回调 

        //obj.currentPage;//获取点击对象里的当前页 

          

    } 

});

上面代码的visiblePageLinks 就是限定显示多少页。


 


查看完整回答
反对 回复 2019-06-08

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信