0

我正在尝试在一个页面上创建一个小部件，该页面是一个带有thead、tbody 和 tfoot 的表格。因为我不希望小部件变得太大，所以如果 tbody 的长度超过 200px 并且有很多行，我希望表格中的行可以滚动。

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

有没有人有一个非常简单的解决方案？

4

1 回答 1

0

您将使用溢出 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>
于 2013-04-08T01:13:45.130 回答