Bootstraptable简单使用总结

 //定义一系列工具栏...
 

 

 

 
ID
 
用户名
 
真实姓名
 
座机
 
手机
 
用户类型
 
操作
 
 

 (function() {
 $('#tablelist').bootstrapTable({
  url: "${ctxAdmin}/user/userData&＃63;orgId=${orgId}",
  search: true, //是否显示搜索框功能
  pagination: true, //是否分页
  showRefresh: true, //是否显示刷新功能 
  showToggle: true,
  showColumns: true,
  iconSize: 'outline',
  // toolbar: '#exampleTableEventsToolbar', 可以在table上方显示的一条工具栏，
  icons: {
  refresh: 'glyphicon-repeat',
  toggle: 'glyphicon-list-alt',
  columns: 'glyphicon-list'
  }
 });

 //value: 所在collumn的当前显示值，
 //row:整个行的数据 ，对象化，可通过.获取
  //表格-操作 - 格式化 
 function actionFormatter(value, row, index) {
  return '修改 ' + '删除';
 }
 //表格 - 操作 - 事件
 window.actiOnEvents= {
  'click .mod': function(e, value, row, index) {  
    //修改操作
   },
  'click .delete' : function(e, value, row, index) {
    //删除操作 
   }
  }

data-side-pagination:"client"

sidePagination: 'server' 

 $("#tablelist").bootstrapTable('refreshOptions', {
  sidePagination: 'client' //改为客户端分页
    });
 $("#tablelist").bootstrapTable('refresh', {
   url: "${ctxAdmin}/user/getsearchuserinfo", //重设数据来源
   query: {username: $('#sea-username').val(),realname: $("#sea-realname").val(),mobile: $("#sea-mobile").val()}

  //传到后台的参数
 });