table tbody만 scroll(테이블 바디만 스크롤)

테이블에서 헤드는 고정하고 밑 부분 body만 스크롤 하고 싶을때

여러 자료가 있는데 js파일을 이용하거나 테이블을 두개 만들어서 하는 방법 등이 있었는데

저의 경우 table이 tree grid 를 사용해서 js를 사용하다보니 css가 깨져버려서 다 실패를 했습니다.

.TABLE{border-collapse:collapse; width:100%} .TABLE thead{float:left; width:890px;} .TABLE tbody{overflow-y:auto; overflow-x:hidden; float:left; width:890px; height:100px} .TABLE tbody tr{display:table; width:890px;} .TABLE td{width:100px}

출처: http://tessjds.tistory.com/52 [잘하고 싶은 웹개발자]

윗님의 페이지에서 나온 코드가 제일 깔끔하게 수정할것 많이 없이 잘 사용해서 퍼왔습니다.