layui动态计算表格limt实现表格适应全屏

最新推荐文章于 2023-11-02 10:41:11 发布

郑超艺

最新推荐文章于 2023-11-02 10:41:11 发布

阅读量491

点赞数 1

文章标签： html 前端 javascript

本文链接：https://blog.csdn.net/asffsfassaffs/article/details/129375121

版权

  var tableLimt=10;

        if (window.innerHeight)
            winHeight = window.innerHeight;
        else if ((document.body) && (document.body.clientHeight))
            winHeight = document.body.clientHeight;

// 通过深入 Document 内部对 body 进行检测，获取窗口大小
        if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
        {
            winHeight = document.documentElement.clientHeight;
 //200为页面其他元素高度和 可以计算
            tableLimt=Math.ceil((winHeight-200)/45  )
        }

通过获取页面高度除以一个表格的高度，如果需要精确可以$("#id")来获取元素高度进行计算最后将计算好的limit传给table