如何在HTML中制作带导航的表格

How to make table with navigation in HTML?

本文关键字：作带 导航 表格 HTML      更新时间：2023-09-26

我可以制作一个带导航的表格吗？

所以，如果我的表中有一个20 tr，我只想显示10 data，那么该表就有一个下一个数据的下一个按钮。我能做到吗？

我用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++;
}

while (hasilQuery.next()) {

当你没有结果时停止，当你达到10个结果时停止。

然后，如果你还没有用完结果，在末尾添加一个链接：

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

现在返回到代码的顶部，检查查询字符串参数。如果您有一个值，请在开始输出之前使用它跳过适当数量的结果。

然后只需将"2"更改为动态值（也基于用于请求页面的值）。您可能还想添加以前的链接。

……这是最基本的。

您可能希望将查找所需的10个项目的逻辑转移到数据库查询中，而不是获取所有结果，然后在Java中跳过一堆。

您可以使用jQuery detachment（）移除行，并在按钮的点击事件中插入它们。

相关文章：