본문 바로가기
프로그래밍/base

HTML Table Scroll

by 이데렐라 2010. 6. 3.
반응형

<div> 태그를 이용하여 HTML <table>에 스크롤을 삽입.
<table>의 너비가 길어질 경우 Explorer 창에 스크롤바가 추가 생성되는 경우가 생겼다.

<DIV style="width:100%; overflow:auto; overflow-y:hidden;">
<table border="1" cellspacing="0" cellpadding="0" class="menu" bordercolor='#BDBEBD' style='width:150%; margin-bottom:20px; white-space:nowrap; float:left; border-collapse: collapse'>

---------------->
Table Style에 div 너비보다 큰 너비값을 지정해 주고, white-space:nowrap; 속성을 사용하여 줄바꿈 금지를 해준다.
overflow:auto; 자동 스크롤 기능을 추가해준다.
반응형

'프로그래밍 > base' 카테고리의 다른 글

sitemap  (380) 2019.04.01
이클립스 tomcat maven run as 실행 오류 Address already in use  (0) 2015.02.11
척도 100점 환산 방법  (0) 2010.02.26
출력 시 페이지 나누기  (0) 2010.02.25

댓글