bootstarptable 加入冻结列和指定跳转页
var Tflag = true; //跳转 var tiaozhuan = function (ele) { var type = $(ele).attr('data-value'); if (type === "centerdviserTable") { var page = $("#" + type + "T").val(); parm.PageNum = page; Tflag = false; $('#' + type).bootstrapTable('refresh', { url: url }); Tflag = true; } } function centerReport() { $('#centerdviserTable').bootstrapTable({ striped: true, //是否显示行间隔色 cache: false, //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*) sortable: true, //是否启用排序 checkboxHeader: true, sortOrder: "desc", //排序方式 pageNumber: 1, //初始化加载第一页,默认第一页 pageSize: 10, //每页的记录行数(*) paginationPreText: "上一页", paginationNextText: "下一页", tiaozhuan: "跳转", tiaozhuantable: "centerdviserTable", //fixedColumns: true, //fixedNumber: 2, height: 400, pageList: [5,10,25], //可供选择的每页的行数(*) //contentType: "application/x-www-form-urlencoded", dataField: "rows",//这是返回的json数组的key.默认好像是"rows".这里只有前后端约定好就行 url: fundServiceUrl + "GetPrivatePlacementOneHundredToPage?jsoncallback=?",//这个接口需要处理bootstrap table传递的固定参数 queryParamsType: 'limit', //默认值为 'limit' ,在默认情况下 传给服务端的参数为:offset,limit,sort queryParams: function queryParams(params) { parm.SortType = params.order; //排序方式 parm.SortColumn = params.sort; params.ValidateGuid = usertoken; if (Tflag) { parm.PageNum = ((params.limit + params.offset) / params.limit); //第几页 } parm.PageRow = params.limit; //每页几条 params.parameters = EncryptObjectData(parm); return params; },//请求服务器时所传的参数 responseHandler: function (data) { var result = DecryptObjectData(data); return { total: result.data.PageTotal, //总页数,前面的key必须为"total" rows: result.data.PageList //行数据,前面的key要与之前设置的dataField的值一致. }; },//请求数据成功后,渲染表格前的方法 sidePagination: "server", //分页方式:client客户端分页,server服务端分页(*) search: false, //是否显示表格搜索,此搜索是客户端搜索,不会进服务端,所以,个人感觉意义不大 strictSearch: false, showColumns: false, //是否显示所有的列 showRefresh: false, //是否显示刷新按钮 minimumCountColumns: 10, //最少允许的列数 clickToSelect: true, //是否启用点击选中行 searchOnEnterKey: true, selectItemName: 'btSelectItem', onClickRow: function (row, tr, index, value) { }, columns: [ { field: 'fundName', title: '产品名称', align: 'center', valign: "middle", sortable: true //排序 } ], pagination: true }); }
其中我在table原有的setting上增加了四个属性
tiaozhuan 是显示的跳转字体
tiaozhuantable: 这个则是告诉js是哪个tableId,
//fixedColumns: 是否有冻结列, //fixedNumber: 冻结列的列数