BootstrapTable设置height属性后，表头和表格内容不对齐

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/yaomingyang/article/details/84344283

一般我们使用bootstrap-table插件的时候不设置height高度属性都是可以完全正常的；但是有一个问题是如果每页显示的数据很多的时候，所有的数据会平铺到整个页面，而不会在一定的范围内使用滚动的方式展示，这样看起来很不爽；如果设置了height属性又会出现另外一个问题就是表头和表格内容不能对齐；

        // // 表格高度
        height: $(window).height()-160

解决方案是找到bootstrap-table.js中的 BootstrapTable.prototype.resetView方法，将如下代码注掉：

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