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

红太狼 2022-07-15 08:42 175阅读 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 条评论，175人围观）

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

相关阅读

相关 table表头固定只让内容滚动

table表头固定只让内容滚动纯css实现表头固定，只tbody滚动需要用到粘性固定属性 – position:sticky position:sticky

曾经终败给现在/ 2024年03月26日 16:51/ 0 赞/ 11 阅读

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

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

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

相关 css实现内容两端对齐

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关 table表头固定，内容可滚动问题

1.首先新建html页面body中写入： <div class="title_div" id="tdiv"> <table class="tit

偏执的太偏执、/ 2022年06月02日 01:12/ 0 赞/ 183 阅读

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

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

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

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

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

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