BootStrapTable.js 表头与内容无法对齐

去掉 height 属性的配置即可保证数据表格的表头部分与数据部分对齐。

代码详例如下:

$(function () {
        $("#serviceTable").bootstrapTable({
            // for the Name of Package then appended system
            url:'/service/ServiceList.action',
//            height: 500,
            dataType: "json",
            striped: true,//row color
            cache: false,
            undefinedText: "-",
            sortName: "serviceId",
            sortOrder: "asc",
            pagination: true,
            sidePagination: "server",
            toolbar: "#toolbar",
            pageNumber:1,
            pageSize:5,
            pageList:[5,10,25,50],
            paginationPreText: "上一页",
            paginationNextText: "下一页",
            columns: [{
                checkbox: true
            }, {
                field: "serviceName",
                title: "权益名称",
                align: 'center'
            },{
                field: 'serviceId',
                title:'操作',
                align:'center',
                formatter:function(value,row,index){
                    var serviceId = row.serviceId;
                    var a = '<a href="/service/csServiceAction_goCsServiceJsp.action?csService.serviceId='+serviceId+'" class="cs_menuTab">编辑</a>';
                    return a;
                }
            }]
        });
    });




评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值