2010-12-16 2 views
1

richfaces 3.1 및 jsf 1.1 및 tomhawak를 사용하고 있습니다. 테이블에 고정 헤더를 유지해야합니다.jsf/tomhawak 데이터 테이블의 고정 헤더

나는 파이어 폭스에서 제대로 작동하지만 IE에서는 제대로 작동하지 않았기 때문에 CSS로 시도했다.

다른 접근 방법이 있으면 도움이 될 것입니다.

답변

1

시도한 CSS를 게시하는 것이 좋습니다. 기본 CSS를 여기

있습니다 : 내 응용 프로그램에

, 나는 특정 CSS 클래스와 간단한 <div> (당신이 JSF 구성 요소에 충실하려는 경우가 <h:panelGroup layout="block">을 사용할 수 있습니다)는 이러한 헤더를 가지고

div.fixed-header { 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
} 

및 IE6 지원을위한 , 나는 추가 :

div.fixed-header { 
    position: absolute; 
    top: expression(ignore = document.documentElement.scrollTop + "px"); 
} 
+0

감사를 도움. 동적 속성 ("CSS 표현식"이라고도 함)은 Internet Explorer 8 이상에서는 IE8 모드 이상에서 더 이상 지원되지 않으므로 이 결정은 표준 준수, 브라우저 성능 및 보안상의 이유로 이루어졌습니다. 대체 접근법이나 해결책이 있다면 좋을 것입니다. 감사 – Tab