今天小爱来给大家分享一些关于layui自适应布局方面的知识吧，希望大家会喜欢哦

1、striped: true, //使表格带有条纹[html] view plain copy简单来讲：PHP和web的区别在于侧重点不同，一个后端一个前端。

2、$('#reportTable').bootstrapTable({pageList: [10, 20, 50, 100, 200, 500],mod: 't',: '/qStock/AjaxPage',dataType: "json",pagination: true, //在表格底部显示分页工具栏pageSize: 22,pageNumber: 1,idField: "ProductId", //标识哪个字段为id主键showToggle: false, //名片格式cardView: false,//设置为True时显示名片（card）布局showColumns: true, //显示隐藏列showRefresh: true, //显示刷新按钮clickToSelect: true,//点击行即可选中单选/复选框sidePagination: "server",//表格分页的位置queryParamsType: "limit", //参数格式,发送标准的RESTFul类型的参数请求: "#", //设置工具栏的Id或者classcolumns: 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带参到后台去的代码[html] view plain copyfunction queryParams(params) { //配置参数var temp = { //这里的键的名字和的变量名必须一直，这边改动，也需要改成一样的pageSize: params.limit, //页面大小pageNumber: params.pageNumber, //页码minSize: $("#leftLabel").val(),maxSize: $("#rightLabel").val(),minPr: $("#prleftLabel").val(),maxPr: $("#prrightLabel").val(),Cut: Cut,Color: Color,Clarity: Clarity,sort: params.sort, //排序列名};return temp;}。

本文到这结束，希望上面文章对大家有所帮助。