垂直和水平滾動的HTML表格

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>