html表固定高度?
发布时间:2020-12-14 18:25:47 所属栏目:资源 来源:网络整理
导读:我有一个表格,动态地显示来自DB的记录.我只需要修复表的高度,这样如果表有很多行,表就会在表本身内向下滚动窗口.这样用户不需要滚动整个页面? 这可能吗…? 提前致谢… 解决方法 对此的一个解决方案是使用围绕 table的 div -layer,在其中使用style-attribut
我有一个表格,动态地显示来自DB的记录.我只需要修复表的高度,这样如果表有很多行,表就会在表本身内向下滚动窗口.这样用户不需要滚动整个页面?
这可能吗…? 提前致谢… 解决方法
对此的一个解决方案是使用围绕< table>的< div> -layer,在其中使用style-attribute:
溢出:自动; max-height :(你想要的高度) 举个例子: <div id="mainHolder" style="overflow: auto; max-height: 400px;"> <table> ... Lots of data ... </table> </div> 这将创建一个可以在高度上增长的表,但它会被限制在div层中,并且当内容增长大于400px时,您将自动获得滚动条. 使用jQuery,您还可以执行以下操作: <script type="text/javascript"> window.onresize = doResize; function doResize() { var h = (typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight) - 20; $('#mainHolder').css('max-height',h); $('#mainHolder').css('height',h); }; $(document).ready(function () { doResize(); }); </script> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |