2017-05-10 2 views
0

이 페이지 매김 플러그인을 사용하고 있습니다 http://www.jqueryscript.net/table/Easy-Table-List-Pagination-Plugin-With-jQuery-Paginathing.html 하지만 문제가 있습니다. 정확하게 원하는 곳에 페이지 매거기를 배치 할 수 없습니다! 이 문제를 어떻게 해결할 수 있습니까? 또는 위치를 변경할 수있는 다른 플러그인이 있습니까? 여기 jquery 테이블 paginator 위치 지정

내 스크립트입니다

$('#archTab').paginathing({ 
       perPage:3, 
       limitPagination:{{ content|length // 3 }}, 
       insertAfter: ('span#paginator') 
      }); 

그리고 테이블 아래 스팬을 가지고 시도

<span id="paginator" style="position: absolute;top: 40vmin;"></span> 

답변

0

margin-top

var content = 10; 
 
$('#archTab').paginathing({ 
 
     perPage:3, 
 
     limitPagination:content|length, //03 
 
     insertAfter: ('#paginator') 
 
    });
#archTab{ 
 
    position: absolute; 
 
    background: red; 
 
} 
 
#paginator{ 
 
    margin-top: 40vmin; 
 
    /*test*/ 
 
    padding: 5px; 
 
    background: orange; 
 
} 
 
.pagination-container{ 
 
    background: green; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://www.jqueryscript.net/demo/Easy-Table-List-Pagination-Plugin-With-jQuery-Paginathing/paginathing.js"></script> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
 
<div id="archTab"> 
 
    <div id="paginator"></div> 
 
</div>

+0

이것은 어떤 것도 변경하지 않았습니다 : ( –

+0

'content'는 숫자 또는 부울 – AvrilAlejandro

+0

그 나뭇 가지 변수입니다 : {{content | length // 3}} 괄호는 제거 할 수 없습니다 –