특정 열에 수평 스크롤바

Question

내 테이블에는 특정 열이 있습니다. 나는 5 열을 마지막으로 5 열로 가로 스크롤 막대를주고 싶습니다. 즉, 5 열에 대해 하나의 스크롤 막대 만있을 것입니다. 없다면. 열의 증가 스크롤 막대가 나타납니다. 테이블에 총 9 개의 열이 있습니다. 어떻게 하시겠습니까? 도와주세요.

Answer 1

CSS에서 overflow-x: scroll;을 사용하기 만하면됩니다.

데모 : http://jsfiddle.net/dystroy/S8jLA/ 당신이 당신의 세포 함량이 너무 큰 경우에도 고정 된 크기를 유지하기 위해,이 내용이 필요한 경우 스크롤을 원한다면

, 그것은 조금 더 복잡하다.

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/