지브라 스트라이핑 - Tablesorter 대 Sieve

Question

간편한 정렬을 위해 jQuery 플러그인 'tablesorter'을 사용하는 테이블이 있습니다. 최근에 나는 얼룩말 줄무늬 위젯이 포함되어 있다는 것을 알게되었습니다. 나는 그것을 가능하게했고, 잘 작동했다.

또한 기존의 homebuilt 테이블 검색 기능의 대안으로 'Sieve' plugin을 추가하기로 결정했습니다. 그게 내 문제가 발생한 곳입니다. 스트라이핑이 검색 중 또는 검색 후에 다시 실행되지 않아 테이블이 불균등하고 불일치하게됩니다.

지금까지 수동으로 새로 고칠 수있는 방법을 찾지 못했습니다. 체재 .js 파일에 어디에 넣을 지 모르겠습니다. 이 두 플러그인을 서로 훌륭하게 연동시킬 수있는 방법이 있습니까?

Answer 1

당신이 체 플러그인을 사용하려면,이 코드는 원래 tablesorter에의 버전 또는 내 fork of tablesorter (demo) 중 하나와 함께 작동합니다 :

$(function() { 
    var $table = $('table'); 

    $table 
     .tablesorter({ 
      widgets: ['zebra'] 
     }) 
     .sieve({ 
      complete: function(){ 
       // update the zebra widget after Sieve completes 
       $table.trigger('applyWidgets'); 
      } 
     }); 

});