bootstrap table 表头与内容不对齐问题解决

1.如果页面不涉及到大小变化，bootstrap table是低版本的

打开bootstrap-table.js 找到 BootstrapTable.prototype.resetView方法，找到如下代码： 

if (this.options.showHeader && this.options.height) {

this.$tableHeader.show();

//注释一下两行代码

//this.resetHeader();

//padding += this.$header.outerHeight();

}

这样直接加载表格，就不会出现错位的情况了

2.如果表格有高度要求，且页面会有大小的变化

（1）首先将加载表格时的height属性去掉

（2）换另一种方式控制高度--因为我测试了好几种方式，只要写了高度都不灵

// 窗口大小变动监听
$(window).resize(function () {
$('#TableID').bootstrapTable('resetView');//表格重新展示
$(".fixed-table-container").css("height", window.parent.innerHeight - 300);//在此处设置高度，可自定义，可以实现控制高度的作用，初始加载表格也需要写本条代码（高度初始就要定一下，本方法只在页面大小变化时才会触发）
});