gpt4 book ai didi

html - 页眉和页脚内的可滚动表格主体

转载 作者:行者123 更新时间:2023-11-28 13:05:27 25 4
gpt4 key购买 nike

我正在尝试在页面上创建一个小部件,该页面是一个包含 thead、tbody 和 tfoot 的表格。因为我不希望小部件变得太大,如果 tbody 由于有很多行而超过 200 像素,我希望表格内的行可以滚动。

我正在使用 jQuery 1.9.1,但如果可能的话,我更喜欢纯 CSS/HTML 解决方案。

有人对此有非常简单的解决方案吗?

最佳答案

您将使用溢出 css 声明。

<!DOCTYPE html>
<html>
<head>

</head>
<body>
<div id="wrapper" style="height:100px;width:100px;overflow:auto;">
<div id="widget">

<table>
<tbody>
<tr>
<td>blah</td>
<td>blah</td>
<td>blah</td>
<td>blah</td>
<td>blah</td>
<td>blah</td>
</tr>
<tr>
<td>more blah</td>
<td>etc</td>
<td>etc</td>
<td>etc</td>
<td>etc</td>
<td>etc</td>
</tr>
<tr>
<td>blah</td>
<td>blah</td>
<td>blah</td>
<td>blah</td>
<td>blah</td>
<td>blah</td>
</tr>
</tbody>
</table>

</div>


</div>




</body>
</html>

关于html - 页眉和页脚内的可滚动表格主体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15869333/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com