bootstrap table扩充高度问题

在table外边设置一个height为780px的div，table内的数据如果超过了10行往后基本上会超过这个高度，这时候就会导致div的高不够显示重而扩充高度，但是一般来说给table固定高度后不是不会出现这种现象的吗？
table行数在10条时，div高度为700多px

table行数超过了10条，div高度显示的还是700多px，但是看上去明显不对劲了

不仅多了个滚动条，底部也多出很多空白行
请问有什么办法可以解决这种问题吗

// bootstrapTable刷新高度
    function resetView () {
        $(“#bootstrap-table”).bootstrapTable('resetView', {height: document.body.clientHeight - 60 }); // 60可以是其他已知的标签元素高度和
    }

//页面初始化时添加resize屏幕宽度变化监听
window.addEventListener('resize',resetView())
//页面注销或离开时移除resize屏幕宽度变化监听
window.removeEventListener('resize',resetView())