<分区>
我正在尝试制作一个占据屏幕 50% 的表格。但是,如果表格无法容纳更多信息,则它应该是可滚动的。我一直在尝试许多不同的方法来做到这一点,但我发现没有一个有效。它需要跨浏览器兼容所有现代浏览器,最好是旧浏览器。我怎样才能做到这一点?提前致谢!
注意:我使用的是 w3.css
我试过的一些代码:
table {
height: 100px;
overflow-y: scroll;
}
<table class="w3-table-all">
<thead>
<tr class="w3-red">
<th>First Name</th>
<th>Last Name</th>
<th>Points</th>
</tr>
</thead>
<tbody>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>Adam</td>
<td>Johnson</td>
<td>67</td>
</tr>
</tbody>
</table>
我已经试过了,但还是不行。我还尝试了各种组合,为 tbody、tr、td 等设置样式。没有一个显示滚动条