bootstrap-table 表头和内容对不齐解决办法

偶然机会学习bootstrap，表格利用bootstrap-table实现，使用bootstrap-table过程中，发现了一个非常棘手的问题，在ie浏览器中，表格的表头和内容对不齐，特别是列比较多且有分页时候最明显。

相信很多同学，也遇到过这样的问题，下面提供解决办法。

查看了所有百度、博客相关文章，都没有解决。经过一周的研究，终于通过修改源码解决了。
打开bootstrap-table.js 找到 BootstrapTable.prototype.resetView方法，找到如下代码

if (this.options.showHeader && this.options.height) {this.$tableHeader.show();//注释掉下面两行 取消表头初始化解决表头和内容不对齐问题//this.resetHeader();//padding += this.$header.outerHeight();
}

　　最终效果如下：

第一次写技术博客，大家多多关照！！！！！2017-01-10

bootstrap-table 表头和内容对不齐解决办法相关推荐

bootstrap table 表头与内容不对齐问题解决
bootstrap table 表头与内容不对齐问题解决参考文章: (1)bootstrap table 表头与内容不对齐问题解决 (2)https://www.cnblogs.com/sky-zk ...
Bootstrap Table 表头和表格内容不对齐
Bootstrap Table 表头和表格内容不对齐前言原因解决方式思路一思路二思路三前言之前的一次开发中使用到了Bootstrap Table的组件,在使用过程中出现了表头与表格内容 ...
小师妹问 easyUI mergeCells 行合并后表头和内容对不齐
公司来了一个做easyUI的妹子,恰好那妹子是和我一个学校的,有一天下班妹子在超时买东西正好巧遇,然后妹子就问了问题,随便说手机卡需要我帮忙刷机,然后就问手机买了多久, 多少钱,刚买的时候好用不,然后 ...
linux日志中有空格,linux中统计排序的内容含有空白行的解决办法
linux中统计排序的内容含有空白行的解决办法废话不多说,直接上实例: 文件 sharkyun.log 的内容如下 [root@x201t ~]# cat -n sharkyun.log 1http ...
层内容被FLASH遮挡解决办法
层内容被FLASH遮挡解决办法今天在调整公司网站是发现,在视频播放的页面,分享按钮弹出推荐层会被flash播放器遮挡,给层加上z-index也不起作用,如是去google了一下,找到一些方法: wm ...
bootstrap table表头错位，火狐浏览器下滚动条挤像素问题解决方案。
首先这篇文章是一个关于bootstrap table的七零八碎各种bug的内容,后续可能会接着更新编辑. 1:前后端分离项目,后端往往要求前端请求后端时,携带着登陆时后端给你的token. boots ...
bootstrap Table表头固定
简介 bootstrap Table的使用方法不多介绍,可参考官方说明文档,地址:http://bootstrap-table.wenzhixin.net.cn/documentation/ 表头固定 ...
theadClasses设置Bootstrap Table表头样式
通过theadClasses属性设置表头样式. thead-light设置灰色背景 //bootstrap table初始化数据 itxst.com $('#table').bootstrapTabl ...
layui table表头表行对不齐的问题
初次使用layui table遇到的一个问题,表头和行对不齐.原因如下:

bootstrap-table 表头和内容对不齐解决办法

bootstrap-table 表头和内容对不齐解决办法相关推荐

最新文章

热门文章