创建一个表格:
<table id="tab" data-toggle="table"></table>
<script>
$(function(){
$('#tab').bootstrapTable('destroy');
$("#tab").bootstrapTable({
method: "get",
url: "aa.json",
striped: true,
pagination: true,
pageSize: 1,
pageNumber:1,
pageList: [5, 10, 15, 20, 25], //记录数可选列表
search: false, //是否启用查询
showColumns: true, //显示下拉框勾选要显示的列
showRefresh: true, //显示刷新按钮
sidePagination: "server", //表示服务端请求
queryParams: function queryParams(params) { //设置查询参数
var param = {
pageNumber: params.pageNumber,
pageSize: params.pageSize,
orderNum : $("#orderNum").val()
}
return param;
},
onLoadSuccess: function(){ //加载成功时执行
},
onLoadError: function(){ //加载失败时执行
}
});
});
</script>
另外,表格json格式如下:
var json1 =[
{"id":"1","name":"a"},
{"id":"2","name":"b"},
{"id":"3","name":"c"},
]