bootstrap-table设置了height属性之后,表格高度与底部出现留白

bootstrap-table设置了height属性之后,表格高度与底部出现留白

项目场景：

bootstrap-table生成的表格默认情况下，表头没有固定，当一页数据过多时，表头会随之滚动，为了固定表头，因此在创建表格时添加了height属性。

问题描述：

添加height属性后，初始化表格时表格内容部分与底部没有对齐，存在留白。在窗口发生变化时，表格高度与底部正常展示。

解决方案：

表格初始化加载完成后执行resetView：

	 $(function () {
            $('#tableId').bootstrapTable('resetView');
       });

因为我这里的需求涉及到列的重置，重置之后也会出现留白因此可用以下方式解决：

$("#tableId").bootstrapTable('destroy').bootstrapTable(option).bootstrapTable('removeAll');  //清空表格内容
 setTimeout(() => {
       $('#tableId').bootstrapTable('resetView');
  },100);