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

Question

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

Answer 1

在使用 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 就是限定显示多少页。

Answer 2

在使用 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 就是限定显示多少页。