这篇文章主要介绍了bootstrap-table.js扩展分页工具栏，增加跳转到xx页功能，由于我的水平停留在dom级，此次扩展只支持页面上的表格，如果大家有好的建议欢迎提出
新项目，准备引用bootstrap-table这个控件来展示页面上的表格，无奈这款控件的分页工具栏没有跳转到xx页的功能，为了适应公司美工（只会出图的美工，却跟我要求这要求那）的蛋疼需求，硬着头皮改了一下bootstrap-table的源码，实现了此功能。
注：由于本人js水平停留在dom级，此次扩展只支持页面上的单表格，也就是说如果同一个页面引用两次bootstrap-table的话，该跳转将无效。
各路神仙如果有更完美的解决方案，也请留言告诉我一声，让我也学习一下。
关于如何引用控件什么的就不说了，网上百度一下说的都比我好，下面直接上源码。
1、下载bootstrap-table.js的源码（注意不要下载min的，我下载的版本是：version: 1.11.0），在源码中以 '
-
html.push('',
'
html.push('',
'',
'跳转到第页
',
'.pageBtn {
}
.pageNum {
width: 40px;
border-radius: 3px;
}
.goPage {
float: right;
margin-left: 5px;
margin-top: 13px;
height: 30px;
}如果需要自定义按钮的样式，可以在pgeBtn里面自己定义
3、在js文件里添加跳转方法
function toPage() {
var pageNum = $("#pageNum").val();
if (pageNum) {
$('#table').bootstrapTable('selectPage', parseInt(pageNum));
}
}注意，我的表格id定义为table，需要将$('#table').bootstrapTable换成你自己定义的id
以上，就可以实现输入页码进行跳转了。效果图如下：
上面是我整理给大家的，希望今后会对大家有帮助。
使用模板与程序分离的方式构建，依靠专门设计的数据库操作类实现数据库存取，具有专有错误处理模块，通过 Email 实时报告数据库错误，除具有满足购物需要的全部功能外，成新商城购物系统还对购物系统体系做了丰富的扩展，全新设计的搜索功能，自定义成新商城购物系统代码功能代码已经全面优化，杜绝SQL注入漏洞前台测试用户名：admin密码：admin888后台管理员名：admin密码：admin888
相关文章：
