bootstrap table配置参数例子

bootstrap-table的一些配置参数：

$('#reporttable').bootstraptable({ 
 method: 'post', 
 url: '/qstock/ajaxpage', 
 datatype: "json", 
 striped: true, //使表格带有条纹 
 pagination: true, //在表格底部显示分页工具栏 
 pagesize: 22, 
 pagenumber: 1, 
 pagelist: [10, 20, 50, 100, 200, 500], 
 idfield: "productid", //标识哪个字段为id主键 
 showtoggle: false, //名片格式 
 cardview: false,//设置为true时显示名片（card）布局 
 showcolumns: true, //显示隐藏列 
 showrefresh: true, //显示刷新按钮 
 singleselect: true,//复选框只能选择一条记录 
 search: false,//是否显示右上角的搜索框 
 clicktoselect: true,//点击行即可选中单选/复选框 
 sidepagination: "server",//表格分页的位置 
 queryparams: queryparams, //参数 
 queryparamstype: "limit", //参数格式,发送标准的restful类型的参数请求 
 toolbar: "#toolbar", //设置工具栏的id或者class 
 columns: column, //列 
 silent: true, //刷新事件必须设置 
 formatloadingmessage: function () { 
 return "请稍等，正在加载中..."; 
 }, 
 formatnomatches: function () { //没有匹配的结果 
 return '无符合条件的记录'; 
 }, 
 onloaderror: function (data) { 
 $('#reporttable').bootstraptable('removeall'); 
 }, 
 onclickrow: function (row) { 
 window.location.href = "/qstock/qproinfo/" + row.productid; 
 }, 
}); 

bootstrap-table带参到后台去的代码

function queryparams(params) { //配置参数 
 var temp = { //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的 
 pagesize: params.limit, //页面大小 
 pagenumber: params.pagenumber, //页码 
 minsize: $("#leftlabel").val(), 
 maxsize: $("#rightlabel").val(), 
 minprice: $("#priceleftlabel").val(), 
 maxprice: $("#pricerightlabel").val(), 
 cut: cut, 
 color: color, 
 clarity: clarity, 
 sort: params.sort, //排序列名 
 sortorder: params.order//排位命令（desc，asc） 
 }; 
 return temp; 
 } 

参考：

如果大家还想深入学习，可以点击进行学习，再为大家附3个精彩的专题：

bootstrap学习教程

bootstrap实战教程

bootstrap table使用教程

bootstrap插件使用教程

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。