2015-02-04 6 views
1

테이블에 Sticky Table Headers & Columns 플러그 인을 사용하고 있습니다. 플러그인이 완벽하게 작동합니다. 제 질문은 두 번째 열을 고정시키는 방법입니다. 나는 문서를 검색하고 저자에게 연락을 시도했지만 여전히 실패합니다.스티커 테이블 머리글 및 열 - 고정 된 두 개의 열

다른 <th>Sample #2</th>도 추가했지만, 스크롤 할 때 열의 맨 위에 흰색 블록이 나타나는데, 이는 here입니다.

저는 솔루션에 매우 가깝다고 생각합니다. 누구든지이 문제를 도와 줄 수 있습니까?

는 해결 : jquery.stickyheader.js는 아래 라인을 편집하려고 jsfiddle.net/tyanxbbs/8

답변

2

에서.

$stickyInsct.html('<thead><tr><th>'+$t.find('thead th:first-child').html()+'</th></tr></thead>'); 

아래 라인도 갱신

$stickyInsct.html('<thead><tr><th>'+$t.find('thead th:first-child').html()+'</th><th>'+$t.find('thead th:eq(1)').html()+'</th></tr></thead>'); 

합니다. 방금 0에서 1로 변경했습니다.

$stickyCol.append($col) 
       .find('thead th:gt(1)').remove() 
       .end() 
       .find('tbody td').remove(); 
+0

코드를 제안 사항으로 업데이트했습니다. 그러나 스크롤 할 때 여전히 공백이 있습니다. 나는 문제가 텍스트 크기와 관련 있다고 생각한다. http://jsfiddle.net/tyanxbbs/7/ – Brightweb

+0

@Brightweb, 나는 방금 내 대답을 편집했다. 희망이 도움이됩니다. –

+0

잘 했어! 그것은 마치 매력처럼 작동합니다. 그 결과는 http://jsfiddle.net/tyanxbbs/8/입니다. 정말 고마워! – Brightweb