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

一般我们使用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');
        }

你可能感兴趣的:(【前端】)