[html/css] table에 스크롤 적용하기

[html/css] table에 스크롤 적용하기

 

 

html 에서 반응형 작업을 할때,

 

테이블을 반응형에 맞추어 줄일 수도 있지만,

 

내용이 많은 경우

 

그냥 가로 스크롤을 넣어야 할 때도 있습니다.

 

그럴때 아래와 같이 하면됩니다.

 

<div overflow:auto">
  <table>
      <tr>
          <td></td>
      </tr>
  </table>
</div>

 

위 내용보시면 대충 아시겠지만,

 

스크롤을 적용하고자 하는 table 겉에 div 로 감싸준 뒤

 

그 div에 overflow:auto 라는 스타일을 주게되면

 

화면이 줄었을시 스크롤이 생기게 됩니다!

 

참고들 하세요!