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; 
 } 

参考：https://www./article/93246.htm

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

Bootstrap学习教程

Bootstrap实战教程

Bootstrap Table使用教程

Bootstrap插件使用教程

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

# bootstrap  # table  # Bootstrap标签页（Tab）插件使用方法  # 简单实现Bootstrap标签页  # BootStrap框架个人总结(bootstrap框架、导航条、下拉菜单、轮播广告carousel、  # Bootstrap每天必学之标签页（Tab）插件  # bootstrap table 数据表格行内修改的实现代码  # bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法  # BootStrapTable 单选及取值的实现方法  # Bootstrap table两种分页示例  # 基于Bootstrap的标签页组件及bootstrap-tab使用说明  # 分页  # 复选框  # 点击这里  # 还想  # 设置为  # 符合条件  # 大家多多  # 单选  # 再为  # 排位  # 请稍等  # 主键  # 变量名  # 加载中  # class  # cardView  # br  # pre  # false  # ProductId 

相关文章： 小米网站链接制作教程,请问miui新增网页链接调用服务有什么用啊？  官网建站费用明细查询_企业建站套餐价格及收费标准指南  网站网页制作专业公司,怎样制作自己的网页？  常州企业网站制作公司,全国继续教育网怎么登录？  如何选择适配移动端的WAP自助建站平台？  专业的网站制作设计是什么,如何制作一个企业网站，建设网站的基本步骤有哪些？  宝塔面板如何快速创建新站点？  微课制作网站有哪些,微课网怎么进？  西安大型网站制作公司,西安招聘网站最好的是哪个？  如何在服务器上配置二级域名建站？  广州网站制作的公司,现在专门做网站的公司有没有哪几家是比较好的，性价比高，模板也多的？  如何快速搭建高效服务器建站系统？  nginx修改上传文件大小限制的方法  浅析上传头像示例及其注意事项  如何在云指建站中生成FTP站点？  音响网站制作视频教程,隆霸音响官方网站？  免费ppt制作网站,有没有值得推荐的免费PPT网站？  制作宣传网站的软件,小红书可以宣传网站吗？  专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设？  php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  微信小程序 五星评分(包括半颗星评分)实例代码  清单制作人网站有哪些,近日“兴风作浪的姑奶奶”引起很多人的关注这是什么事情？  微信小程序制作网站有哪些,微信小程序需要做网站吗？  建站之星Pro快速搭建教程：模板选择与功能配置指南  建站中国必看指南：CMS建站系统+手机网站搭建核心技巧解析  利用JavaScript实现拖拽改变元素大小  制作农业网站的软件,比较好的农业网站推荐一下？  如何高效配置香港服务器实现快速建站？  招商网站制作流程,网站招商广告语？  如何撰写建站申请书？关键要点有哪些？  岳西云建站教程与模板下载_一站式快速建站系统操作指南  如何零成本快速生成个人自助网站？  阿里云网站制作公司,阿里云快速搭建网站好用吗？  深圳 网站制作,深圳招聘网站哪个比较好一点啊？  建站主机如何选？性能与价格怎样平衡？  建站主机选购指南与交易推荐：核心配置解析  制作网站的软件下载免费,今日头条开宝箱老是需要下载怎么回事？  广州网站建站公司选择指南：建站流程与SEO优化关键词解析  平台云上自助建站如何快速打造专业网站？  如何用低价快速搭建高质量网站？  建站主机如何选？高性价比方案全解析  如何高效利用200m空间完成建站？  如何快速重置建站主机并恢复默认配置？  建站之星安装需要哪些步骤及注意事项？  如何安全更换建站之星模板并保留数据？  *服务器网站为何频现安全漏洞？  图册素材网站设计制作软件,图册的导出方式有几种？  如何在腾讯云免费申请建站？  常州自助建站费用包含哪些项目？  建站之星备案是否影响网站上线时间？