2012-10-17 5 views
0

이 jquery 플러그인 - https://gist.github.com/3819758을 테이블에 통합하여 고정 헤더를 가질 수 있습니다. 필자의 경우 테이블이 너무 넓어 생성 된 헤더가 세로 스크롤 막대를 숨 깁니다. - http://jsfiddle.net/NWV73/4/고정 헤더가 수직 스크롤 막대를 숨기고 있습니다

이 문제를 해결할 수 없습니다. 어떤 도움을 주셔서 감사합니다.

+4

어쩌면 대신 이미지의 테스트를위한 http://jsfiddle.net 실제를 제공 할 수 있습니까? 대개 프로세스 속도가 빨라집니다. 실제 세부적인 예상 동작은 무엇입니까? –

+1

jsFiddle을 질문에 추가했습니다. – blaks

+0

또한 여기에 이미지 (http://i.imgur.com/efwgj.png)가 있으면 헤더가 포함 된 div 외부로 오버플로됩니다. – blaks

답변

0

당신은 자바 스크립트 스크롤 사업부를 동기화 할 수 있습니다 :

$(".table-content").scroll(function(){ 
    var $this = $(this), 
     $header = $(".header-fixed"); 

    $header.css("margin-left", 0 - $this.scrollLeft()) 
}); 

페이지도 업데이트 jsfiddle을 : http://jsfiddle.net/NWV73/21/

+0

스크롤은 헤더 이동에 도움이됩니다. 감사. 그러나 내 관심은 수직 스크롤바의 위쪽 화살표가 테이블이 가장 오른쪽 끝까지 스크롤 될 때만 볼 수 있다는 것입니다. 거기에 관계없이 어쨌든 보이게 할 수 있습니까? – blaks

관련 문제