如何在小屏幕上正确显示宽表？ [关闭]

Question

我有一个网络应用程序，其中包含一堆表示电子表格数据的宽表。

它在普通电脑显示器上运行良好，但在手机和小屏幕上无法很好地扩展。

有没有一种方法可以在小屏幕上以最佳方式显示非常宽的表格，而无需用户进行大量水平滚动？

Answer 1

您可以使用responsive design 来获得想要的结果。

不久前，我回答了一个关于响应式表格的问题。 Link to the Question

这完全取决于您的桌子有多大以及您希望如何展示它。 您可以通过隐藏不必要的数据（如果有的话）来避免部分水平滚动。 如果您必须呈现与垂直滚动相同的数据量。

Example Fiddle

如果你现在有很多水平行，它会导致一个很大的垂直滚动页面。 在这种情况下，隐藏数据并在单元格上显示为用户请求。