如何在客戶端爲數據庫中的數據顯示設置分頁？

Question

你好，我的同事stackoverflowers，我正在JSP中建立一個電子商務應用程序。我所有的產品都存儲在服務器端數據庫（Mysql）中，名爲product。

所有數據產品已在服務器端以表名category的多個類別獲取/劃分。

這是用於顯示在客戶端的數據的JSP頁：

<table class="producTable" style="text-align: left; width: 100%;" cellspacing="40px"> 

    <c:forEach var="product" items="${categoryProducts}" varStatus="iter"> 

    <td> 
     <tbody> 

      <tr> 
      <td style="vertical-align: middle; text-align: center;" class="cell"> 
      <a href="viewProduct?${product.id}"> 



       <img class="img" alt="" src="${initParam.productImagePath}${product.name}.jpg" /> 

       <div class="caption"> 
       <br>view details</div> 

      </a> 
      <br> 


      </td> 

      <td style="vertical-align: middle; width: 140px; text-align: center; ">${product.name} 
      <br> 
      </td> 

      <td style="vertical-align: middle; width: 120px; text-align: center; line-height:100%;">$${product.price} 
      <br> 
      </td> 

      <td style="vertical-align: middle; width: 136px; text-align: center; line-height:20%;"> 

      <form id="wishlistForm" action="addToWishlist" method="post"> 
       <br> 
       <br> 
       <input name="productId" value="${product.id}" type="hidden"> 

       <input class="submit" onclick="addedWishlist()" value="<fmt:message key='AddToWishlist'/>" type="submit"> 
      </form> 
      <br> 
      </td> 
      <td style="vertical-align: middle; width: 136px; text-align: center; line-height:20%;"> 


      <form id="cartForm" action="addToCart" method="post"> 
       <br> 
       <br> 

       <input name="productId" value="${product.id}" type="hidden"> 
       <input class="submit" onclick="addedCart()" value="<fmt:message key='AddToCart'/>" type="submit"> 


      </form> 
      <br> 
      </td> 
     </tr> 


     </tbody> 
    </c:forEach> 
</table> 

現在我希望動態獲取關於使用分頁客戶端的數據。該選項必須是：

• 上一頁，下一頁
• 顯示（頁頁）每
  • 頁
  • 顯示X結果和看到的頁面1-2-3-4數（。 ..）

我已經嘗試了很多很多的JQuery分頁劇本，但他們沒有工作，似乎沒有達到我想要的東西。不需要<thead>我只想在用戶在應用程序商店中選擇給定類別時獲取部分列表。你知道有哪些好的腳本可以幫助我嗎？

Answer 1

你需要的是數據表的jQuery插件：

https://datatables.net