테이블 태그의 헤더 고정시키기 > jquery

Table의 데이터가 많아 지는 경우, 스크롤을 내리다보면, THead부분이 보이지 않아서 

대부분은 Table의 Height를 고정시켜서 스크롤을 시키는 등의 방법을 사용하는데,

FloatThead라고, 스크롤이 되서 THead가 안보이는 순간에 화면 상단에 Label형태로 THead의 텍스트를 표시해주는 편리한 라이브러리가 있었다.

사용법도 매우 간단하고, Table의 Height를 지정하지 않아도 되기 때문에, 사용상으로 더 편리하고

가장 중요한건 기존의 코드를 변경하지 않아도 되는 점이다.

일단 아래 링크를 참조하여 js파일을 받아서 사용을 했고,

http://mkoryak.github.io/floatThead/

페이지 초기화 구문에서 $('#테이블명').floatThead(); 으로 해주면 알아서 상단에 THead를 띄워준다.