2012-03-19 3 views
0

내 테이블 헤더에 두 개의 행이 있습니다. 이 행의 열 수가 서로 다릅니다. http://jsbin.com/exacey가로 스크롤이있는 표 머리글을 수정하는 방법은 무엇입니까?

지금, 나는 thead 부분을 수정하고 tbody 스크롤 가능하게하고 싶습니다. 나는 몇 가지 jQuery 플러그인을 시도했다 : https://github.com/farinspace/jquery.tableScroll; https://github.com/benjaminleouzon/tablefixedheader https://github.com/golovko/Fixed-Header-Table

건이며,이 헤더를 고정 할 때까지 큰이 플러그인 작업이 더 수평 스크롤이없는 제공. Infact, https://github.com/benjaminleouzon/tablefixedheader 가로 스크롤 막대를 지원한다고 주장했지만 내 경우에는 실패했습니다.

또한 수동으로 수정하려고했습니다. 나는 이것을 사용하고 있었다 http://www.imaputz.com/cssStuff/bigFourVersion.html
그러나 이것도 수직 스크롤에만 해당된다.

헤더를 수정하는 데 도움을주십시오. 제게 유용한 링크를 제공해주세요.

+0

자바 스크립트를 사용하여 수동으로 해당 플러그인이 수행하는 작업을 시도해보십시오. 두 개의 테이블을 테이블 안쪽에 만들고 두 번째 테이블을 tbad의 첫 번째 테이블과 두 번째 테이블로 만듭니다. 이제 tbody에 높이를주고 overflow-y를 auto로 설정하십시오. 이 두 테이블의 부모에 너비를주고 오버 플로우를 자동으로 제공하여 두 자식 테이블 모두 동일한 수평 스크롤을 갖습니다. –

답변

1

고정 헤더 http://www.tablefixedheader.com/fullpagedemo/은 정상적으로 작동합니다. tablefixedheader 플러그인을 사용하여 실패한 코드를 게시 할 수 있습니까?

+0

알겠습니다. 나는 게시 할 예정입니다. –

관련 문제