jQuery tablesorter & pager plugin이 올바로 작동하지 않습니다.

Question

jQuery tablesorter의 호출기를 작동 시키려고합니다. 호출기가 없으면 모든 것이 잘 작동하지만 호출기를 사용하려고 할 때 뭔가 잘못되었습니다.

페이저의 한계를 10에서 5 또는 2로 변경하지 않으면 정렬이나 페이징이 작동하지 않습니다. 그런 다음 빈 테이블을 보여줍니다. 하지만 내가 한계를 미리 바꿀 때 모든 것이 효과가 있니?! 그게 그렇게 될 수는 없지, 그렇지? ^^

JQuery와 :

<script> 
    $(document).ready(function(){ 
     var validator = $("#searchForm").validate({ 

     });   
    }); 

    $(document).ready(function() 
    { 
     $("#myTable") 
     .tablesorter({widthFixed: true, widgets: ['zebra']}) 
     .tablesorterPager({container: $("#pager")}); 
    }); 

테이블 :

// name of database dable == header of table 
       echo "<table id=\"myTable\"  class=\"tablesorter\"><thead><tr>"; 
       foreach(sqlsrv_field_metadata($stmt) as  $fieldMetadata) 
       { 
         echo "<th>".$fieldMetadata ['Name']."</th>"; 
       } 
       echo "<th>Details</th>"; 
       echo "</thead>"; 
       echo "<tbody>"; 
       // printing table rows 
       while($row = sqlsrv_fetch_array($stmt, SQLSRV_FETCH_ASSOC)) 
       {         
        echo "<tr>"; 

        // $row is array... foreach(..) puts every element  
        // of $row to $cell variable  
        foreach($row as $cell){ 
         echo "<td>$cell</td>"; 
        } 
        echo "</tr>\n"; 
       } 
       echo "</tbody>"; 
       echo "</table>";  
       echo("<br>"); 

호출기 :

<div id="pager" class="pager"> 
        <form> 
         <img  src="/images/first.png" class="first"/> 
         <img  src="/images/prev.png" class="prev"/> 
         <input type="text" class="pagedisplay"/> 
         <img src="/images/next.png" class="next"/> 
         <img src="/images/last.png" class="last"/> 
         <select class="pagesize"> 
          <option value="">>LIMIT</option> 
          <option value="2">2 per page</option> 
          <option value="5">5 per page</option> 
          <option value="10">10 per page</option>        
         </select> 
        </form> 
       </div>  

Answer 1

첫 번째 호출 도움말 10을 지정합니까?

$(document).ready(function() 
{ 
    $("#myTable") 
    .tablesorter({widthFixed: true, widgets: ['zebra']}) 
    .tablesorterPager({container: $("#pager"), size: 10}); 
});