2016-05-02 39 views
0

我可以製作導航表嗎?所以,如果我在我的表中有一個20 tr,並且我只想顯示10 data,然後表中有下一個數據的下一個按鈕。我可以這樣做嗎?如何在HTML中導航表格?

我讓它在Java中(我做的JSP頁面)

try { 
    int i = 1; 
    while (hasilQuery.next()) { 
     hasil += "<tr><td>" + i + "</td><td>" + hasilQuery.getString("nik") 
      + "</td><td>" + hasilQuery.getString("nama") 
      + "</td><td>" + hasilQuery.getString("jeniskelamin") 
      + "</td>" 
      + "<td><a href='detail.jsp?nik="+hasilQuery.getString("nik")+"'" 
      + "><img height='20' src='img/detail.png' title='detail' /></a><a href='edit.jsp?nik="+hasilQuery.getString("nik")+"'><img src='img/edit.png' height='20' title='edit' /></a> " 
      + "<a href='delete.jsp?nik="+hasilQuery.getString("nik")+"'><img src='img/hapus.png' height='20' title-'hapus' /></a></td></tr>"; 
    i++; 
} 
+0

希望[後](http://stackoverflow.com/questions/19605078/how-to-use-pagination-on-html-tables)將指導你的解決方案。 – sureshunivers

回答

-1

您可以使用jQuery分離()來刪除行,並在你的按鈕的單擊事件插入。

+0

你有描述它的鏈接嗎? –

0
while (hasilQuery.next()) { 

除了當你用完結果停止,停止當你打10個結果。

然後,如果你還沒有用完的結果,在末尾添加一個鏈接:

<a href="?page=2">Page 2</a> 

現在回到代碼的頂部,並檢查查詢字符串參數。如果您有一個值,請在開始輸出之前使用它跳過適當數量的結果。

然後只需將「2」更改爲動態值(也基於用於請求頁面的值)。您可能還想添加以前的鏈接。

......這就是基礎知識。


你可能要移動的邏輯尋找你想要的10個項目進入數據庫查詢,而不是獲取所有結果,然後跳過在Java一堆。