여러 행

나는 나의 테이블 헤더 떠있는이 스크립트를 사용하고 있습니다 : http://cmcqueen1975.bitbucket.org/htmlFloatingTableHeader/tables.html 여러 행

그것은 내 프로젝트에 대 한 좋은 노력하고, 헤더의 2 개 행이 내 테이블 그러나 일을하지만, 그것은 단지 수레 맨 위. 모든 행을 떠 다니는 쉬운 방법이 있습니까?

2012-09-17 YungBlood

가장 큰 문제는 테이블 헤더'thead' 전체를 복제하는 것이 아니라 첫 번째 테이블 행'tr : first'를 쿼리하는 것입니다. – CaffGeek

난 당신이 뭔가를 찾고 생각 :

<table style="position:fixed; top:0;"> 
    <tr> 
     <td>Header1</td> 
     <td Header2</td> 
     ..... 
    </tr> 
</table> 

<table> 
    <tr> 
     <td>Data1</td> 
     <td>Data2</td> 
     .... 
    </tr> 
    .... more rows ... 
</table>

이것이 화면 상단에 헤더를 고정되어 일을하지만, 다른 테이블은 평소와 같이 스크롤 할 수 있습니다. 귀하의 페이지에서 진행되고있는 작업에 대해 z- 색인화를 수행해야 할 수도 있습니다.

출처

2012-09-17 17:28:11 thatidiotguy

나는 그것을 시도하고 temp는 다른 코드를 비활성화했다. 그리고 나는 2 가지 문제를 안다. 첫째, 화면 상단에 머 무르지 않습니다. 그것은 화면 밖으로 스크롤하고 있습니다. 나는 현재 firefox 15.0을 돌리고있다. 둘째, 데이터에서 헤더를 분리하면 자동 크기 조정이 중단됩니다. – YungBlood

@ YungBlood 죄송합니다. 절대적이지 않다. 자동 크기 조정 문제를 살펴 보겠습니다. – thatidiotguy

당신은 확실히 일부 자바 스크립트로 적절한 사이징을 할 수 있지만 그게 당신을위한 옵션인지 확실하지 않습니다. 당신과 함께 점점의 관점에서 순수 CSS/HTML로 지금까지 나는 행운을 가지고 싶지 않아. – thatidiotguy

답변

관련 문제