分页不适用于表格概念

测试1234

我想为下面的jsp表实现分页,其中将从数据库中检索名称,标题和流派。我想每页列出1个数据。

在标题中,我使用了以下代码

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="/Fileupload/js/jquery.paginate.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $('#paging_container3').pajinate({
    num_page_links_to_display : 1,
    items_per_page : 1,
  }(jQuery));
  });   
</script>

在jsp文件中,我有以下代码

<div id="paging_container3">
  <table border="1" id="myTable">
    <tbody>
        <tr>
          <td><b>Name</b></td>
          <td><b>Title</b></td>
          <td><b>Genre</b></td>
          <%  
            while(rs.next())
            {
               String name = rs.getString("Name");
               String title = rs.getString("Title");
               String genre = rs.getString("Genre");
           %>
          <tr><td><%=name %></td><td><%=title %></td><td><%=genre %></td></tr>
           <%   
            }
            %>
      </tbody>
   </table>
  </div>

谁能建议我必须集中精力解决问题。提前感谢

威诺特·克里希南

请确保您遵循这些,并检查您的pajinate.js路径。

DEFAULT USAGE
---------------------------------
1) Place pajinate-x.x folder somewhere in your website directory structure.
2) Include script tags for the desired version of the script. 
3) Create at least one <div> in your HTML with a CSS class 
value of "page_navigation".  The navigation links will be 
attached to these divs.
4) Ensure that all items you would like to page through are 
all the first-children of an HTML element with a CSS 
class value of "content". The child-elements can be of any tag type.
5) Call the Pajinate plugin with the function.

有关更多详细信息,请通过此链接。https://github.com/wesnolte/Pajinate可能是您的html需要看起来像这样,

<div id="page_container">
<div class="page_navigation"></div>     
        <ul class="content">
            <li> <p>One</p> </li>
        <li> <p>Two</p> </li>
        <li> <p>Three</p> </li>
        <li> <p>Four</p> </li>
        <li> <p>Five</p> </li>
        <li> <p>Six</p> </li>
        <li> <p>Seven</p> </li>
        <li> <p>Eight</p> </li>
    </ul>
  </div>    
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

CacheResponseMixin不适用于分页

来自分类Dev

WordPress分页不适用于AJAX

来自分类Dev

WordPress分页不适用于AJAX

来自分类Dev

分页不适用于Loop

来自分类Dev

分页不适用于条件

来自分类Dev

Laravel分页不适用于:: where(...)

来自分类Dev

分页不适用于b表

来自分类Dev

laravel分页不适用于搜索

来自分类Dev

分页不适用于多个查询

来自分类Dev

JavaScript getElementById不适用于表格

来自分类Dev

边界不适用于Divs的“表格”

来自分类Dev

热键不适用于表格加载

来自分类Dev

验证不适用于表格

来自分类Dev

最终的铸造概念不适用于过载

来自分类Dev

BigQuery「复制表格」不适用于小型表格

来自分类Dev

分页链接不适用于我

来自分类Dev

Laravel分页不适用于数组而不是集合

来自分类Dev

分页不适用于POST动作laravel 5

来自分类Dev

Laravel分页不适用于日期搜索

来自分类Dev

Datatable Extended Excel选项不适用于分页

来自分类Dev

分页不适用于竖起大拇指的宝石

来自分类Dev

分页链接不适用于我

来自分类Dev

Mailchimp API-分页不适用于列表

来自分类Dev

AngularJS:分页不适用于ng-table

来自分类Dev

Bootstrap分页样式不适用于代码

来自分类Dev

重写规则不适用于分页

来自分类Dev

django rest 框架全局分页不适用于 ListCreateAPIView

来自分类Dev

分页不适用于自定义重写规则

来自分类Dev

href 不适用于数据表分页