Javascript 针对这种情况，在列表中设置数据样式的最佳方法是什么？

首先，我愿意接受其他做事方式的建议

“开始”是我想要实现的形象（有点，为糟糕的油漆工作感到抱歉）

好的。。我有一个请求被触发，并返回大量json，其中包含关于学生姓名、性别、年龄、位置的信息

我想以列表元素的形式构建一种表，每个元组包含请求返回的唯一学生

我想以一种特定的方式对它进行样式设置，这样它会显示为一行，但每一段数据都会显示为细胞状的，比如在它的特定宽度上有一个边框等。在每一段数据中，它是一个具有特定css样式的唯一html元素，但在用户看来它是一行。（如图中的第二幅和第三幅图像所示。）

将鼠标悬停在元组（行）中的数据元素上会更改该行中所有单元格的悬停状态

结束单元格包含加号..单击此按钮将更新页面上另一个div中的数据。而单击一行中的其他单元格会将此人带到与该特定学生相关的另一页

如果不使用Javascript（Library也可以，比如jQuery）和CSS以外的任何东西，那么最好的方法是什么

我对如何做的想法还好吗，还是有更好的方法

同样值得注意的是，如果我的请求返回25个结果，我一次只想显示10个结果，但此人必须能够以某种方式查看剩余的15个结果。我该怎么做呢

---

提前感谢。

我目前没有测试此功能的工具，但在行容器上设置悬停属性可能会有用，例如：

div.row:hover div.cell {
  background: #006;
}

或者类似的

---

关于显示10/25元素的问题，你可以用JavaScript隐藏它，然后用一个按钮来显示它们。我想，我不知道你为什么要这样做。如果要对结果进行分页，最好在服务器端实现一些东西。

为什么不使用表呢？@Hoatzin：正确的表很适合这一点——这可能是最好的方法，不过我讨论的方法更多的是建立在我想的另一个想法的基础上，再进一步。