bootstrap里的表格动态加载

创建一个表格：

<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"},

]