0

ページネーション機能をjspに追加しようとしていました。次のコードを使用しました。ただし、Prev Nextリンクのみが表示されます。すべてのレコードが同じページにリストされています。なぜそれが起こっているのですか?? ページネーションを行う他の簡単な方法はありますか?

<table align="right">
  <tr>
  <td class="cls2">
  <div id="page" class="page">
    <a href="" class="prev cls3"> <img src="/prev.gif" alt="" width="16" height="16" border="0">Prev</a>&nbsp;&nbsp;&nbsp;
    <span class="pdisplay" ></span>&nbsp;&nbsp;&nbsp;
    <a href=""  class="next cls3">Next<img src="/next.gif" alt="" width="16" height="16" border="0"> </a>
  </div> 
  </td>
  </tr>
</table>

<table class="cls" cellpadding="1" cellspacing="0" border="0" width="100%"  id="resultTbl">
 <tbody> <thead>
 <tr>
  <th >Select</th>
  <th><span id="isp" class="cls1"><%=request.getParameter("user")%></span></th>
 </tr></thead>
 <tr>
  <td></td>
  <td></td>
 </tr>
</table>



jQuery I used :

<script type="text/javascript" src="my_js/jquery.tablesorter.min.js"></script>
<script type="text/javascript" src="my_js/jquery.tablesorter.pagerquote.js"></script>
   <script defer="defer">
    $("#resultTbl")
    .tablesorter()
    .tablesorterPager({container: $("#page")}); 
</script>
4

1 に答える 1

1

テーブルのコンテナを渡してみてください。

$(document).ready(function() { 
    $("table") 
   .tablesorter() 
   .tablesorterPager({container: $("#page_container")}); 
});

また、jsfiddle に作業コピーを追加しました。

http://jsfiddle.net/zcatD/

また、次の要件も確認してください。

jQuery (1.2.1 以上)

Firefox 2 以降、Internet Explorer 6 以降、Safari 2 以降、Opera 9 以降、

于 2012-09-13T11:54:38.217 に答える