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 

相关文章： 行程制作网站有哪些,第三方机票电子行程单怎么开？  深入理解Android中的xmlns:tools属性  宿州网站制作公司兴策,安徽省低保查询网站？  上海网站制作网页,上海本地的生活网站有哪些？最好包括生活的各个方面的？  最好的网站制作公司,网购哪个网站口碑最好，推荐几个？谢谢？  c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】  韩国网站服务器搭建指南：VPS选购、域名解析与DNS配置推荐  图册素材网站设计制作软件,图册的导出方式有几种？  如何设计高效校园网站？  如何在自有机房高效搭建专业网站？  建站VPS能否同时实现高效与安全翻墙？  h5在线制作网站电脑版下载,h5网页制作软件？  高端网站建设与定制开发一站式解决方案 中企动力  黑客入侵网站服务器的常见手法有哪些？  平台云上自助建站如何快速打造专业网站？  淘宝制作网站有哪些,淘宝网官网主页？  如何快速上传自定义模板至建站之星？  如何选择域名并搭建高效网站？  教育培训网站制作流程,请问edu教育网站的域名怎么申请？  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买？  天津个人网站制作公司,天津网约车驾驶员从业资格证官网？  详解免费开源的DotNet二维码操作组件ThoughtWorks.QRCode（.NET组件介绍之四）  如何通过免费商城建站系统源码自定义网站主题与功能？  网站制作软件免费下载安装,有哪些免费下载的软件网站？  如何通过二级域名建站提升品牌影响力？  建站之星安装后如何配置SEO及设计样式？  如何设置并定期更换建站之星安全管理员密码？  专业制作网站的公司哪家好,建立一个公司网站的费用.有哪些部分,分别要多少钱？  个人摄影网站制作流程,摄影爱好者都去什么网站？  专业网站制作服务公司,有哪些网站可以免费发布招聘信息？  公司门户网站制作流程,华为官网怎么做？  如何在服务器上三步完成建站并提升流量？  建站之星与建站宝盒如何选择最佳方案？  网站制作公司,橙子建站是合法的吗？  Python多线程使用规范_线程安全解析【教程】  山东云建站价格为何差异显著？  javascript中对象的定义、使用以及对象和原型链操作小结  如何选择建站程序？包含哪些必备功能与类型？  大连 网站制作,大连天途有线官网？  如何用西部建站助手快速创建专业网站？  如何配置WinSCP新建站点的密钥验证步骤？  网站规划与制作是什么,电子商务网站系统规划的内容及步骤是什么？  PHP正则匹配日期和时间(时间戳转换)的实例代码  如何通过智能用户系统一键生成高效建站方案？  如何在IIS中新建站点并配置端口与IP地址？  c++ stringstream用法详解_c++字符串与数字转换利器  韩国代理服务器如何选？解析IP设置技巧与跨境访问优化指南  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  网站制作公司排行榜,四大门户网站排名？  C++ static_cast和dynamic_cast区别_C++静态转换与动态类型安全转换