2016-05-02 12 views
0

ナビゲーション付きのテーブルを作成できますか?HTMLでのナビゲーションでテーブルを作成するには?

私のテーブルに20 trがあり、ちょうど10 dataを表示したい場合は、テーブルに次のデータの次のボタンがあります。それをしてもいいですか?私はJavaでそれを作る

(Iは、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

[post](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で束をスキップするためのロジックを移動したいと思います。