jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 如何使用正确的行数填充表格以适应不同屏幕分辨率的页面高度?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在前端开发了自己的Web-Admin.它是一个典型的Admin with container,左边是一个菜单导航,右边是body内容,显示与点击的菜单项相关的结果(通常是一个表).

获取表格中正确数字或行的最佳方法是什么才能使主体页面达到100%?

在我的情况下,我已经看到填充表格空间所需的丝束数量在改变屏幕分辨率时是不同的.

我知道一个快速解决方案可能是计算分辨率并在知道屏幕分辨率后填充表格.我想知道是否可以根据屏幕分辨率或其他方式在运行时设置TD或TR高度.

谢谢,

解决方法

这是一个 fiddle,它根据浏览器innerHeight演示行的呈现.

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,请注明来意。
标签: