如何在小屏幕上正确显示宽表?

时间:2014-09-10 11:44:40

标签: html css responsive-design html-table

我有一个带有大量宽表的Web应用程序,它们代表类似电子表格的数据。

它适用于普通电脑显示器,但在手机和小屏幕上无法很好地扩展。

是否有一种方法可以在小屏幕上最佳地显示非常宽的表格,而无需用户进行大量的水平滚动?

1 个答案:

答案 0 :(得分:2)

您可以使用responsive design来获得所需的结果。

前段时间我回答了关于响应表的问题。 Link to the Question

这一切都取决于你的桌子有多大以及你想如何呈现它。 您可以通过隐藏不必要的数据(如果有的话)来避免部分水平滚动。 如果您必须使用垂直滚动显示相同的数据,那么

Example Fiddle

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