개발 Q&A
| 제목 | 테이블 최상단 고정은 어떻게 시키나요? | ||
|---|---|---|---|
| 글쓴이 | 레몬블루 | 작성시각 | 2015/04/02 12:47:34 |
|
|
|||
  입문한지 얼마 안된 초보입니다. DB에서 데이터 받아와서 테이블 형태로 뿌리고, 최상단은 고정으로 해 놓고 무한스크롤로 볼 수 있도록 하는 것 까지 생각중인데요. 테이블 헤드부분을 css 에서 position : fixed 로 해 버리니까 테이블 형태가 깨져버리더군요. 이런 경우엔 셀 크기를 다 따로 지정해 줘야 하는건가요? |
|||
| 다음글 | 부트스트랩 3버젼 모달창 질문입니다 (1) | ||
| 이전글 | header를 이용한 파일 다운로드시 특수문자파일 에러... (1) | ||
댓글
|
한대승(불의회상)
/
2015/04/02 13:00:51 /
추천
0
|
|
레몬블루
/
2015/04/02 13:32:42 /
추천
0
답변 감사합니다.
|
|
들국화
/
2015/04/03 10:36:46 /
추천
0
가능은 하지만 그냥 다 코딩하기에는 어려움도 있습니다.
프레임워크를 사용하시거나 오픈 라이브러리를 참조하세요. |
|
kaido
/
2015/04/12 11:52:39 /
추천
0
3가지 방법이 있습니다.
첫번재는 2개의 테이블을 사용 입니다. [table] [thead] [/thead] [/table] [div] [table] [tbody] [/tbody] [/table] [/div] 이렇게 2개를 만들고 스타일로 가깝게 붙여 놓습니다. 그리고 레이어에 오버플로우를 줘서 스크롤을 만듭니다. 2. 2번째는 상단 헤드 고정 라이브러리를 사용하는 방법입니다. headfix 로 검색 하시면 관련 라이브러리가 2-3개 정도 나옵니다. 3. 테이블 라이브러리도 있습니다. jqgrid를 사용하면 아주 간단하게 구현 가능합니다. [다만 유지보수는 안좋습니다.] |
jquery 플러그인 살펴보세요.
http://www.fixedheadertable.com/
게시판 이동 합니다.