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

红太狼 2022-07-15 08:42 221阅读 0赞

去掉 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;
                    }
                }]
            });
        });

发表评论取消回复

表情：

评论列表（有 0 条评论，221人围观）

还没有评论，来说两句吧...

相关阅读

相关 EasyExcel表头校验，表内容校验

上传excel表格时候，要求要 <table> <thead> <tr> <th>姓名</th> <th>身份证号</th> <th>电话<

左手的ㄟ右手/ 2023年10月01日 11:21/ 0 赞/ 2 阅读

相关 element table对齐表单对齐表头对齐表单不对齐

对齐前 ![在这里插入图片描述][20201231103349400.png] 对齐后 <style scoped> .el-table >>> t

曾经终败给现在/ 2023年01月01日 03:48/ 0 赞/ 192 阅读

相关 css实现内容两端对齐

问题描述：因行边缘出现符号或其它情况导致行边缘出现多余的空白，如何解决内容区域边缘不期望的空白呢？ ![在这里插入图片描述][20201224102447758.p

快来打我*/ 2022年12月30日 05:00/ 0 赞/ 250 阅读

相关 view里面内容左对齐或者右对齐

<view style="text-align: left; display: inline-block"> <view>共监测设备：100个</view

浅浅的花香味﹌/ 2022年11月30日 01:59/ 0 赞/ 204 阅读

相关 css3内容垂直居中对齐

第一步：首先需要给盒子添加高度和宽度属性（勿忘）第二步：然后用flex布局： Justify-content:center; align-item

阳光穿透心脏的1/2处/ 2022年10月05日 04:46/ 0 赞/ 358 阅读

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

去掉 height 属性的配置即可保证数据表格的表头部分与数据部分对齐。代码详例如下： $(function () { $("servic

红太狼/ 2022年07月15日 08:42/ 0 赞/ 222 阅读

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

去掉 height 属性的配置即可保证数据表格的表头部分与数据部分对齐。代码详例如下： $(function () { $("servic

「爱情、让人受尽委屈。」/ 2022年07月15日 08:42/ 0 赞/ 250 阅读

相关 QTableView表头填满控件，表头对齐

关于QTableView表头美化、对齐的问题经常操作QTableView，遇到表头无法对齐所在容器的情况，如下图所示： ![这里写图片描述][SouthEast]

我就是我/ 2022年06月06日 13:23/ 0 赞/ 1113 阅读

相关 element-ui的table表格控件表头与内容列不对齐问题

[element-ui的table表格控件表头与内容列不对齐问题][element-ui_table] element-ui的table表格控件表头与内容列不对齐问题

逃离我推掉我的手/ 2021年12月17日 17:49/ 0 赞/ 1025 阅读

相关 bootstrap-table表头内容不对齐的问题

.table\_list\_box\{ table-layout:fixed !important; \} table-layout:fixed就能解决表格

╰+攻爆jí腚メ/ 2021年11月27日 04:20/ 0 赞/ 601 阅读