boostrap_table 遇到的问题

1、bootstrap-table 表头和内容对不齐解决办法(无法自适应)


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

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

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

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



最终效果如下:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值