내부에 세로 스크롤 막대가있는 테이블

Question

tbody 안에 세로 스크롤 막대를 가져 오는 방법은 무엇입니까?

HTML :

<table class="table table-striped table-bordered"> 
    <thead> 
     <tr> 
      <th>Header1</th> 
      <th>Header2</th> 
      <th>Header3</th> 
      <th>Header4</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>Cell1</td> 
      <td>Cell2</td> 
      <td>Cell3</td> 
      <td>Cell4</td> 
     </tr> 
    </tbody> 
</table> 

표 반응하고 폭이 추천 헤더가 내 코드에서 100 %

로 설정해야한다 : https://jsfiddle.net/r5Ly00mq/

Answer 1

thead, tbody { display: block; } 

tbody { 
    height: 100px;  /* Just for the demo   */ 
    overflow-y: auto; /* Trigger vertical scroll */ 
    overflow-x: hidden; /* Hide the horizontal scroll */ 
} 

링크 : - HTML table with 100% width, with vertical scroll inside tbody