2011-04-25 8 views
0

jquery 테이블 분류기 플러그인을 사용하고 있는데 헤더를 정적으로 만드는 방법은 무엇입니까?tablesorter 플러그인의 정적 헤더

+0

''태그의 헤더를 래핑 했습니까? 몇 가지 코드를 보여주십시오. – ChrisThompson

+0

@ChrisThompson : 예, 포장했습니다.이 링크를 참조하십시오. http://tablesorter.com/docs/example-option-sort-list.html –

답변

1

좋아, 나는 완전히 질문을 이해 모르겠지만, 당신은 헤더가 정적하게 말할 때, 나는 당신이 TBODY 스크롤을하면서 고정 된 헤더를 만들 의미 추측하고있다. 이 플러그인에 대한 좋은 해결책을 찾지 못했습니다. 하나의 가능성은 div에 테이블을 랩핑하고 다음 메소드를 실행할 수 있습니다.

$(document).ready(function() { 
    var header = $('table.tablesorter thead'); 
    header.css({'position':'absolute', 'margin-top':'-26px'}); 
    header.each(function(){ 
     var tbody = $(this).closest('table').find('tbody'); 
     var firstRow = tbody.find('tr').first(); 
     var th = $(this).find('th'); 
     th.each(function(i){ 
      var borderWidth = 2; 
      var td = $(firstRow.find('td')[i]); 
      var w = td.css('width').replace('px', ''); 
      w = parseInt(w)- borderWidth; 
      $(this).css({'width': w+'px'}); 
     }); 
    }) 
});