使用bootstrap table 插件固定表头时 表头与表格内容无法对齐

在使用bootstrap table开发后台管理系统，表格利用bootstrap-table插件来实现，使用bootstrap-table过程中，会出现表头错位的情况

---

 

表头对不齐效果：

解决的方法：

1、出现错位的原因是因为设置了固定表头 height 这个属性，只要去掉这个属性就不会出现错位的现象（当然使用这种方法以后表头就无法实现固定）

2、设置table的样式，给table元素添加 table-layout:fixed;经测试可以解决错位问题

有的时候当页面中有多个表格使用bootstrap-table的height属性以后，当浏览器的宽度发生改变是表头还是会出现错位的问题

解决的办法就是在每一个设置完展示的table数据后面都要加上

$('#el').bootstrapTable({

})

$(window).resize(function () {
　　$("#el").bootstrapTable('resetView');
});

这样可以解决一个页面多个表格使用bootstrap-table的height属性导致的表头错位问题

 

转载于:https://www.cnblogs.com/yu-lin/p/8980764.html