博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Bootstrap table使用心得---thead与td无法对齐的问题
阅读量:6759 次
发布时间:2019-06-26

本文共 566 字,大约阅读时间需要 1 分钟。

当使用工具条中的显示/隐藏列的时候, 经常出现表格的列头与内容无法对齐的问题。

网上搜到两种处理方法,如下:

1. 去掉option中的height,完美对齐,但当数据较多的时候,table会自动增加height,显示所有数据而不显示滚动条。

2. 注释掉如下两行

//this.resetHeader();//padding += this.$header.outerHeight();

   完美对齐,但会导致无法冻结表头。

 

这两种结果都是鱼与熊掌不可兼得, 被影响的功能也是非常想要的,让小罗我很郁闷。

最后怀疑问题的原因应该是列的减少过程中,剩余列设置了宽度,但减少列后要填充剩余宽度时的计算问题。

 

 最后自己采用了如下方式,供大家参考:  

不设置其中一列的宽度,使其自动填充,如下代码

                            编号                姓名                性别                年龄                操作                    

 这样只要不去掉名称,去掉其他列的时候不会出现对不齐的问题,为了防止此列被去掉,加上data-switchable="false"

 正常业务中也经常会有这样要求自动填充宽度的列,算是比较好的一种解决方式。

转载地址:http://sfweo.baihongyu.com/

你可能感兴趣的文章
Ceres-Solver库入门
查看>>
悲惨而又丢人的创业经历:草根创业者含恨倾诉为什么失败
查看>>
理解WebKit和Chromium: WebKit, WebKit2, Chromium和Chrome介绍
查看>>
hanoi塔的递归算法
查看>>
C# 校验给定的ip地址是否合法
查看>>
lumen 登陆 注册 demo
查看>>
基于服务的并行系统的通讯方式探讨
查看>>
设计模式——观察者模式
查看>>
Python多线程 简明例子
查看>>
《地球上的星星》
查看>>
mysql数据库的主从同步,实现读写分离
查看>>
89 fcanf和fprintf
查看>>
javascript——自定义右键菜单
查看>>
求二叉树中相差最大的两个节点间的差值绝对值
查看>>
PHP 类名::class含义
查看>>
Failed to execute goal org.apache.maven.plugins:maven-surefire-plugin:2.5:test
查看>>
小括号匹配
查看>>
设计模式简介和分类,重点在总结
查看>>
数据库默认端口
查看>>
从输入网址到显示网页的全过程分析【转】
查看>>