Jquery 페이지 매김

Question

페이지 매김 플러그인에 대한 코드를 작성했지만 약간의 오류가 있습니다.

분류기 및 페이지 매김과 함께 작동하는 테이블 위에 테이블을 추가하면 페이지 매김이 작동하지 않습니다. 위의 표는 모든 기능을 사용하고 사용하지 않기 때문입니다.

그래서 ID를 사용하는 것과 같이 사용할 테이블을 정의하는 방법이 있습니까?

예를 들어 설명해 줄 수 있다면 좋을 것입니다. 두 테이블, <table id="table1">..</table> 및 <table id="table2">..</table> 원하는이 가정

:

이

내가 당신이 좋아하는 tablesorter에 적용 할 테이블을 정의 할

http://tablesorter.com/addons/pager/jquery.tablesorter.pager.js

Answer 1

을 사용하고있는 코드입니다 두 번째 테이블에만 테이블 정렬기를 적용하려면 다음을 사용하십시오.

Answer 2

페이지 번호 매기기에이 함수를 사용할 수 있습니다. https://convertintowordpress.com/simple-jquery-table-pagination-code/

function pagination(){ 
var req_num_row=10; 
var $tr=jQuery('tbody tr'); 
var total_num_row=$tr.length; 
var num_pages=0; 
if(total_num_row % req_num_row ==0){ 
    num_pages=total_num_row/req_num_row; 
} 
if(total_num_row % req_num_row >=1){ 
    num_pages=total_num_row/req_num_row; 
    num_pages++; 
    num_pages=Math.floor(num_pages++); 
} 
for(var i=1; i<=num_pages; i++){ 
    jQuery('#pagination').append(""+i+""); 
} 
$tr.each(function(i){ 
    jQuery(this).hide(); 
    if(i+1 <= req_num_row){ 
     $tr.eq(i).show(); 
} 

}); 
jQuery('#pagination a').click(function(e){ 
    e.preventDefault(); 
    $tr.hide(); 
    var page=jQuery(this).text(); 
    var temp=page-1; 
    var start=temp*req_num_row; 
    for(var i=0; i< req_num_row; i++){ 
     $tr.eq(start+i).show(); 
    } 
}); 
}