水平滚动条到某些列

Question

在我的表中有某些列..我想给水平滚动条作为一个整体的最后5列..这意味着将只有一个滚动条为5列..我想要的功能如果不。增加滚动条应该出现。 表中共有9列.. 怎么办？请帮忙。

Answer 1

只需在您的css中使用overflow-x: scroll;。

演示：http://jsfiddle.net/dystroy/S8jLA/

如果你想你的细胞保持在固定的大小，即使内容是太大了，有如果内容需要它的滚动条，这是一个稍微复杂一些。 这里是在细胞中使用div的解决方案：

HTML：

<table border=2 > 
<tr> 
    <td>AAA</td> 
    <td><div class=scr>AAA</div></td> 
    <td><div class=scr>AAABAAAAACAAAA</div></td> 
</tr> 

CSS：

td { 
    width:80px; 
} 
div.scr { 
    margin:0; 
    padding:0; 
    width:80px; 
    overflow-x: auto;  
} 

演示：http://jsfiddle.net/dystroy/sQZD7/