仅包含100%溢出滚动的HTML表格

时间:2014-04-01 20:21:16

标签: html css overflow

我正在尝试使用具有屏幕大小宽度的表格,溢出应该是滚动条,而不是整页都有滚动条。

目前,以下代码为整个页面生成滚动条,而不是仅为表格滚动条。

感谢任何帮助。

我有生成动态长度的表

<table width="100%" style="overflow:none">
<tr>

for 1 ... n
<td></td>

</tr>
</table>


end for

1 个答案:

答案 0 :(得分:1)

给这个页面你正在使用一个ID,并给这个ID溢出:隐藏。这样,其他页面的身体仍然会溢出。见DEMO

    body{
        width:100%, 
        overflow: hidden;
    }

    div.scrollWrapper{
        height:250px;
        overflow:scroll;
    }
    div.scrollWrapper table{
        width:100%;
    }