只有表100％溢出滚动的HTML表格

Question

我想让表格具有屏幕大小的宽度，溢出应该是滚动条，而不是整个页面获取滚动条。

目前下面的代码为整个页面生成滚动条，而不是滚动条仅用于表格。

任何帮助表示赞赏。

我有表生成动态长度

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

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

</tr> 
</table> 


end for 

Answer 1

给这个页面您正在使用的ID工作，并给这个ID的溢出：隐藏。这样，其他页面仍然可以在其正文中溢出。见DEMO

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

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