大佬教程收集整理的这篇文章主要介绍了jquery – 如何使用正确的行数填充表格以适应不同屏幕分辨率的页面高度?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
获取表格中正确数字或行的最佳方法是什么才能使主体页面达到100%?
在我的情况下,我已经看到填充表格空间所需的丝束数量在改变屏幕分辨率时是不同的.
我知道一个快速的解决方案可能是计算分辨率并在知道屏幕分辨率后填充表格.我想知道是否可以根据屏幕分辨率或其他方式在运行时设置TD或TR高度.
谢谢,
HTML
<table id="mytable"></table>
CSS
td { height:20px; }
JavaScript的
var numberOfRows = Math.floor(window.innerHeight / 20); var table = document.getElementById("mytable"); function createCell() { var cell = document.createElement("td"); cell.innerText = "Cell"; return cell; } function createRow() { var row = document.createElement("tr"); row.appendChild(createCell()) return row; } for (var i = 0; i < numberOfRows; i++) { table.appendChild(createRow()); }
PS. 1我在CSS中设置了单元格的高度,这可以不同的方式完成PS. 2我已经覆盖了适合屏幕的行数.所以底部会有一些空的空间.
以上是大佬教程为你收集整理的jquery – 如何使用正确的行数填充表格以适应不同屏幕分辨率的页面高度?全部内容,希望文章能够帮你解决jquery – 如何使用正确的行数填充表格以适应不同屏幕分辨率的页面高度?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。