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

Question

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

所以，如果我的表格中有 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++;
}

Answer 1

while (hasilQuery.next()) {

当你用完结果时停止，当你达到 10 个结果时停止。

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

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

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

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

……这就是基础。

---

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

Answer 2

您可以使用 jQuery detach() 删除行并在按钮的单击事件中插入它们。