将垂直滚轮添加到HTML表格
我有一个基本的表格，希望显示标题下的前3行，然后提供一个滚轮来显示剩余的2行 我尝试过设置桌子的高度，并在不同的地方使用将垂直滚轮添加到HTML表格,html,css,scrollbar,Html,Css,Scrollbar,我有一个基本的表格，希望显示标题下的前3行，然后提供一个滚轮来显示剩余的2行 我尝试过设置桌子的高度，并在不同的地方使用溢出：滚动，但无法开始工作。我不确定这个属性是否可以用在桌子上，或者是否只用于div 下面是我的代码，非常感谢您的帮助 <!DOCTYPE html> <html> <head> </head> <body> <style> table { border-collapse: collapse
溢出：滚动<!DOCTYPE html>
<html>
<head>
</head>
<body>
<style>
table {
border-collapse: collapse;
}
th, td {
border: 1px solid black;
padding: 15px 100px;
}
</style>
<table>
<thead>
<tr>
<th>Name</th>
<th>DOB</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<td>John Smith</td>
<td>26.01.1989</td>
<td>john@email.com</td>
</tr>
<tr>
<td>Rick Thompson</td>
<td>15.04.1995</td>
<td>rick@email.com</td>
</tr>
<tr>
<td>Tim Bloggs</td>
<td>03.02.2000</td>
<td>tim@email.com</td>
</tr>
<tr>
<td>Bob Roberton</td>
<td>11.04.1985</td>
<td>bob@email.com</td>
</tr>
<tr>
<td>Joe Bishop</td>
<td>03.02.2010</td>
<td>joe@email.com</td>
</tr>
</tbody>
</table>
</body>
桌子{
边界塌陷：塌陷；
}
th，td{
边框：1px纯黑；
填充：15px 100px；
}
名称
出生日期
电子邮件
约翰·史密斯
26.01.1989
john@email.com
里克·汤普森
15.04.1995
rick@email.com
蒂姆·布洛格斯
03.02.2000
tim@email.com
鲍勃·罗伯顿
11.04.1985
bob@email.com
乔·毕肖普
03.02.2010
joe@email.com
表格{
边界塌陷：塌陷；
最大高度：50px；
溢出：自动；
}
th，td{
边框：1px纯黑；
填充：15px 100px；
}
名称
出生日期
电子邮件
约翰·史密斯
26.01.1989
john@email.com
里克·汤普森
15.04.1995
rick@email.com
蒂姆·布洛格斯
03.02.2000
tim@email.com
鲍勃·罗伯顿
11.04.1985
bob@email.com
乔·毕肖普
03.02.2010
joe@email.com
溢出-y：滚动表格{
边界塌陷：塌陷；
}
th，td{
边框：1px纯黑；
填充：15px 100px；
}
.桌套{
高度：222px；
溢出y：滚动；
显示：内联块；
}
名称
出生日期
电子邮件
约翰·史密斯
26.01.1989
john@email.com
里克·汤普森
15.04.1995
rick@email.com
蒂姆·布洛格斯
03.02.2000
tim@email.com
鲍勃·罗伯顿
11.04.1985
bob@email.com
乔·毕肖普
03.02.2010
joe@email.com