我在简单的 HTML 表格中设置垂直滚动条时遇到问题。该表格在没有滚动条的情况下不断延伸，需要用户使用浏览器的滚动条来阅读它直到结束。该表具有以下 HTML 代码：
<div id="table">
<table id="mytable">
</table>
</div>
以下 JavaScript 函数在运行时填充该表：
function addTableHeader(){
var table = document.getElementById('mytable')
var header = table.createTHead()
var row = header.insertRow(0)
var cell1 = row.insertCell(0)
var cell2 = row.insertCell(1)
var cell3 = row.insertCell(2)
cell1.innerHTML = "<b>Category</b>"
cell2.innerHTML = "<b>Rating</b>"
cell3.innerHTML = "<b>Price</b>"
}
// dots are passed correctly, in fact the data shows up with no problems
function addTableRow(dot){
d_row_filter = [dot.prime_genre, dot.user_rating, dot.price]
var table = document.getElementById('mytable')
var row = table.insertRow(-1)
var cell1 = row.insertCell(0)
var cell2 = row.insertCell(1)
var cell3 = row.insertCell(2)
cell1.innerHTML = d_row_filter[0]
cell2.innerHTML = d_row_filter[1]
cell3.innerHTML = d_row_filter[2]
}
这是 CSS 代码：
table {
overflow-y: auto;
visibility: hidden;
position: absolute;
top: 30px;
left: 1000px;
font-family: sans-serif;
font-size: 0.7em;
height: 300px;
}
tr:nth-child(even) {
background-color: #d9d9d9;
}
不知道它是否有用，但我注意到每一行都包含在 thead 中，并且没有 tbody。
白猪掌柜的
相关分类