bootstrap-table 表头和内容对不齐解决办法
2017-07-27 11:39
1136 查看
bootstrap-table 表头和内容对不齐解决办法
偶然机会学习bootstrap,表格利用bootstrap-table实现,使用bootstrap-table过程中,发现了一个非常棘手的问题,在ie浏览器中,表格的表头和内容对不齐,特别是列比较多且有分页时候最明显。相信很多同学,也遇到过这样的问题,下面提供解决办法。
![](http://images2015.cnblogs.com/blog/1093523/201701/1093523-20170110143211494-2101664399.png)
查看了所有百度、博客相关文章,都没有解决。经过一周的研究,终于通过修改源码解决了。
打开bootstrap-table.js 找到 BootstrapTable.prototype.resetView方法,找到如下代码
if (this.options.showHeader && this.options.height) { this.$tableHeader.show(); //注释掉下面两行 取消表头初始化解决表头和内容不对齐问题 //this.resetHeader(); //padding += this.$header.outerHeight(); }
最终效果如下:
![](http://images2015.cnblogs.com/blog/1093523/201701/1093523-20170110143957791-1468506649.png)
相关文章推荐
- bootstrap-table 表头和内容对不齐解决办法
- bootstrap-table 表头和内容宽度不一致解决办法
- bootstrap-table表头固定,表内容不对齐的另类解决方法
- bootstrap-table 插件 表头与内容不对齐 解决方式
- 如何解决BootstrapTable中表头和内容不对齐问题
- bootstrap-table 表头和内容对不齐
- bootstrap-table 表头,和内容对齐问题
- bootstraptable展示字段和排序字段不一致的解决办法
- jQuery,Table表头固定插件chromatable存在的问题及解决办法
- 关于table固定宽高以及td内容过长换行的解决办法
- bootstrap-table表头固定,表内容不对齐的问题
- bootstrap-table设置height后表头与内容无法对齐的问题
- bootstrap-table 表头,和内容对齐问题
- jQuery,Table表头固定插件chromatable存在的问题及解决办法
- bootstrapTable中queryParams传值到后台获取不到解决办法
- bootstrap-table 表头或组合表头,和内容无法对齐的问题
- bootstrap-table设置height后表头与内容无法对齐的问题
- html table表格导出excel的方法 html5 table导出Excel HTML用JS导出Excel的五种方法 html中table导出Excel 前端开发 将table内容导出到excel HTML table导出到Excel中的解决办法 js实现table导出Excel,保留table样式
- BootStrapTable.js 表头与内容无法对齐
- IE中li标签内容水平对不齐解决办法