我在前端开发了自己的网络管理。这是一个典型的 Admin,其中包含容器、左侧的一个菜单导航和右侧的正文内容,其中显示与单击的菜单项相关的结果(通常是表格)。
为了以 100% 适合正文页面,获得表格中正确的行数或行数的最佳方法是什么?
就我而言,我发现在更改屏幕分辨率时,填充表格中的空间所需的拖曳数量是不同的。
我知道一个快速的解决方案可能是计算分辨率并在知道屏幕分辨率后填充表格。我想知道是否可以在运行时根据屏幕分辨率或其他方式设置 TD 或 TR 高度。
Thanks,
这里有一个fiddle http://jsfiddle.net/MdN5z/演示了根据浏览器内部高度呈现行的情况。
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我已经确定了适合屏幕的行数。所以底部会有一些空白。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)