Question

我正在寻找一个固定宽度和高度的桌子，可以垂直和水平滚动。

我正在寻找第一行作为固定标题，但也要修复第一列，其他列能够向右滚动。

我可以通过以下方式获取标题：

http://www.cssplay.co.uk/menu/tablescroll.html

..但是如何才能让列滚动并保留第一个？

有什么想法吗？

Answer 1

考虑到您正在使用固定比例的表格，这会有点容易。只需在要垂直滚动的列中创建一个DIV，并为其提供您喜欢的固定尺寸，并在其上附加'overflow-y：auto'属性。如果div的内容超出可视区域，则verflow-y属性将确保仅显示滚动条。例如：


<style type="text/css">
.scrollable { width:300px; height:400px; overflow-y:auto; overflow-x:hidden; clip-rect:(0px, 300px, 400px, 0px); }
</style>
<table width="500" height="500" cellpadding="0" cellspacing="0" border="0">
    <tr height="100">
        <td colspan="2">Banner</td>
    </tr>
    <tr height="400" valign="top">
        <td width="200">Left Column</td>
        <td width="300"><div class="scrollable">Scrollable area<br><br><br><br><br><br><br><br><br><br><br>Scrollable area<br><br><br><br><br><br><br><br><br><br><br></div></td>
    </tr>
</table>

HTML表格滚动垂直＆amp;横

1 个答案: