-1

我需要可以扩展到移动设备的表格。

  • 只有 CSS,没有 JS。
  • 我希望设计具有隐式列,因此大而复杂的表看起来很整洁。当我一起破解它时,我使用了 colspan 和“table”,但我无法使其扩展到移动屏幕,而且,如果我重做它,我还不如使用比我设计的更聪明的人。
  • 我不在乎这是否用 or 实现。
  • 我希望它很简单。如不臃肿
  • 当我的 mediaquery 检测到薄屏幕时,我希望我的“表格”仅折叠成一列。它足够好。

我想我的问题是我对布局、块、内联、浮动等方面的知识不足。我研究了 960 系统。我喜欢这个想法,但它臃肿而且它关于页面设计而不是表格设计。

基本上,我可以一起破解一些东西。但我正在寻找一种存在于那里的作案手法。我相信有一个很好的设计在使用中,我只是找不到它。呈现数据表必须是一项常见任务,不是吗?

4

2 回答 2

0

自适应表(没有 js)是一个相当有问题的事情。

您可以浏览这些文章:

用一个js:

于 2013-10-24T11:59:52.327 回答
0

对于响应式网格系统,我推荐Twitter 的 Bootstrap——它是目前最成熟的框架之一。此解决方案展示了如何隐藏移动设备的列。JavaScript 不是必需的。

于 2013-10-24T11:55:41.450 回答