项目中使用bootstrapTable展示表格，记录开发过程中遇到的问题，以便查询；
参考官网：Bootstrap Table Examples

自定义加载数据，原有的数据会被删除

$table.bootstrapTable('load', data)

插入一条行数据

$table.bootstrapTable('insertRow', {index: 0, row: {
	id: randomId,
	name: 'Item ' + randomId,
	price: '$' + randomId
}})

获取表格数据

$table.bootstrapTable('getData')

获取选中的数据

$table.bootstrapTable('getSelections')

删除数据

var ids = $.map($table.bootstrapTable('getSelections'), function (row) {
	return row.id
})
$table.bootstrapTable('remove', {
	field: 'id',
	values: ids
})

父页面打开子页面（弹窗）

layer.open({
  type: 2, 
  content: 'add.html' //可以是同级目录的页面
}); 

子页面（弹窗）传值到父页面

let row = $("#test").bootstrapTable('getSelections');//获得选中的行数据
window.parent.doCallback(row);//doCallback(row)是在父页面定义的方法，可以处理得到的row数据
 
//关闭弹窗
let index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);

js传递List数据到后端

let array = [];
let user1 = {"id": 1, "name": "huage"};
let user2 = {"id": 2, "name": "heihei"};
array.push(user1);
array.push(user2);
let data = {"userList": array};
 
$.ajax({
  type: 'post',
  url: url,
  data: JSON.stringify(data),
  dataType: 'json',
  contentType: 'application/json',
  success: function(result){
    
  }
})
 
//后端处理
public Result handler(@RequestBody InfoVo vo){
  
}
 
public class InfoVo{
  private List<User> userList;//跟js的data中参数名称对应
}

-----------------------------------------------------------------------

​​​​​​jqGrid使用总结

1. 获取选中的一条记录（行id）

   function getSelectedRow() {
       var grid = $("#jqGrid");
       var rowKey = grid.getGridParam("selrow");
       if(!rowKey){
           alert("请选择一条记录");
           return ;
       }
       var selectedIDs = grid.getGridParam("selarrrow");
       if(selectedIDs.length > 1){
           alert("只能选择一条记录");
           return ;
       }
       return selectedIDs[0];
   }

2. 获取选中的多条记录（行id数组）

   function getSelectedRows() {
       var grid = $("#jqGrid");
       var rowKey = grid.getGridParam("selrow");
       if(!rowKey){
           alert("请选择一条记录");
           return ;
       }
       return grid.getGridParam("selarrrow");
   }

3. 弹出窗口（parking为窗口名称，弹出多个窗口时名称是不同的）

   var url = baseURL + 'admin/modules/pm/mp/pPurchaseApply.html';
   var iTop = (window.screen.height-30-500)/2;       //获得窗口的垂直位置;
   var iLeft = (window.screen.width-10-1200)/2;        //获得窗口的水平位置;
   window.open(url,'parking','height='+500+',width='+1200+',top='+iTop+',left='+iLeft+',
   　　toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no');

4. 从弹出窗口获得数据，添加到第一个表格，并且根据返回数据查询后添加到第二个表格（添加本地数据到jqGrid，设置dataType为local）

   function selectD() {
       var ids = getSelectedRows();
       if(ids == null){
           return ;
       }
       var items =[];
       for(var i = 0; i  
   // 接收子页面传递过来的选定内容
   function send(items){
       var strs;
       for(var i = 0; i