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