使用bootstrap table 插件固定表头时 表头与表格内容无法对齐
使用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属性导致的表头错位问题
版权声明：本文为yu-lin原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。