2017-05-10 97 views
0

私はこのページ設定プラグインを使用していますhttp://www.jqueryscript.net/table/Easy-Table-List-Pagination-Plugin-With-jQuery-Paginathing.html しかし、私には問題があります。私はこれをどのように修正できますか、あるいは私たちの位置を変更できる他のプラグインはありますか?ここで jquery table 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

そのtwig変数:{{content | length // 3}}カッコを取り除くことはできません –