bootstrap table 的基本方法和每页显示数据不能切换的问题

BootStrap table官网下载js文件  引入到你的项目中即可进行如下操作：

<script>
	$('#table').bootstrapTable({

		toolbar : "#toolbar",
		sidePagination : "true",
		striped : true,// 是否显示行间隔色
		cache : false, //缓存
		showRefresh : true,//显示刷新按钮
		pagination : true, // 是否分页
		uniqueId : "id",
		pageSize : '10',
		pageList : [ '10', '15', '25' ],
		sortable : true, // 是否启用排序
		//点击全选框时触发的操作
		onCheckAll : function(rows) {
			console.log(rows.id);
			alert('sf')
		},

		//点击每一个单选框时触发的操作
		onCheck : function(row) {
			console.log(row);
		},

		//取消每一个单选框时对应的操作；
		onUncheck : function(row) {
			console.log(row);
		}
	});
</script>

以上代码可以实现以下效果：

还有checkbox单次选择和全选并且返回整行值的方法。

其次我分页遇到的问题

一直默认为每页显示10条数据 并且不能切换，可是代码没有错误，后来经过排查发现 这个js文件相当于引用了两次，因为此表格页面是通过.load事件加载的（以此来达到局部刷新的效果），所以只需将子页面的这个js文件注释掉即可。