长不熟的西瓜
2021-09-16 15:04
采纳率: 100%
浏览 15
已结题

bootstrap table扩充高度问题

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

img

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

img


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

  • 好问题 提建议
  • 收藏

1条回答 默认 最新

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

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

    已采纳该答案
    评论
    解决 1 无用
    打赏 举报

相关推荐 更多相似问题