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带参到后台去的代码
functionqueryParams(params){//配置参数
vartemp={//这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
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）
};
returntemp;
}
参考：https://www.nhooo.com/article/93246.htm
如果大家还想深入学习，可以点击这里进行学习，再为大家附3个精彩的专题：
Bootstrap学习教程
Bootstrap实战教程
BootstrapTable使用教程
Bootstrap插件使用教程
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。