在不使用水平滚动的情况下在同一页面中显示所有表记录

Question

我有一张巨大的桌子，我想在我的网站上展示它。它有60列，多达2000行。您能否指导我如何在网页上表示这些数据？现在，我在网页上创建了一个水平和垂直的滚动条，并重现了所有数据。这看起来很笨拙和尴尬。这是我在网络开发方面的第一次冒险，所以任何人都可以指导简化这种复杂性，这将对我有很大的帮助。我期待的是当用户想要表格中的一行数据时，所有这些单元格应该在同一页面中可见，而不需要滚动。

任何人都可以指导我吗？

Answer 1

您可以使用jQuery DataTables with Responsive plugin隐藏额外的列，以便在必要时显示。

有关在可折叠子行中显示额外详细信息的演示，请参阅this example。

有关在模态窗口中显示额外详细信息的演示，请参阅this example。