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: 冻结列的列数

转载于:https://www.cnblogs.com/jooucks/p/7363607.html