2013-07-09 3 views
-3

스크롤 할 때 볼 수 있도록 내 테이블 (tbody)의 첫 번째 줄 (전체 줄)을 수정하고 싶습니다.스크롤 할 때 고정 된 tbody 행

절대/고정/상대 위치간에 모든 조합을 시도했지만 작동하지 않았습니다.

확인하시기 바랍니다 this jsfiddle, 나는 항상 볼 수 있고 부모 사업부에서가 아니라 부모 div의 내부에 도움을

t 

감사를 스크롤 할 수 있도록 "fixedTable"를 수정하려는.

+0

질문에 관련 코드를 포함하십시오. – hjpotter92

+0

간단한 대답은 할 수 없다는 것입니다. 검색 결과 - 비슷한 기능을 묻는 질문이 많습니다. 몇 가지 해결 방법이 있습니다. –

+0

해결 방법이있는 것 같습니다. [이 SO 대답] (http://stackoverflow.com/a/10922732/1169519)을 확인하십시오. 코드가 많습니다. – Teemu

답변

1

하나의 테이블을 사용하여 데이터의 정렬 및 가독성을 유지하고 컨테이너 내부의 트릭으로 thead 또는 tfoot를 고정시킬 수 있습니다.

http://codepen.io/gcyrillus/pen/aJysI 이것은 행과 열 머리글이 포함되어 있고 열을 끊지 않고 크기를 조정해야하는 테이블에 대한 프랑스어 포럼에 대한 답변입니다.

트릭은 thefoot를 tfoot로 복제하고 절대 위치 tfoot로 설정하는 것입니다.
Tfoot가 테이블과 겹치고 톱 스크롤 0에, 그것은 넘어서 서 있습니다. 상위 컨테이너는 tfoot 아래에있는 스크롤 테이블입니다.

+0

js도 디스플레이도 복잡하지 않습니다. –

+0

이 codepen 피들에서 테이블을 볼 수없는 유일한 사람입니까? – otinanai

+0

@GCyrillus 이것은 설득력있는 대답입니다. 링크/오 링크에 오타가있는 것 같습니다. 너는 링크를 고쳐 주시겠습니까?이게 재미있어 보이네 ... – Teemu

관련 문제