简单的现代适应性数据表？

时间：2013-10-24 11:43:37

标签： css tablelayout

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

  • 仅限CSS，没有JS。
  • 我希望设计具有隐式列，因此需要大型复杂的表 看起来整洁。当我一起攻击这个时，我使用了colspan和“table”但是 我不能让它扩展到移动屏幕，好吧，如果我重做它我 不妨使用比我设计的更聪明的人。
  • 我不在乎是否用或实现。
  • 我希望它很简单。如同不臃肿
  • 当我的mediaquery检测到一个薄屏幕时，我希望我的“桌子”崩溃 只到一列。它足够好。

我想我的问题是我对布局，块，内联，浮动等知识不足。 我调查了960系统。我喜欢这个想法，但它的臃肿和页面设计而不是桌面设计。

基本上，我可以一起破解一些东西。但我正在寻找存在于那里的运作方式。我相信有一个好的设计在使用，我只是无法找到它。提交数据表必须是一项常见任务，不是吗？

2 个答案:

答案 0 :(得分：0)

对于响应式网格系统，我建议Bootstrap from Twitter - 它是目前最成熟的框架之一。 This solution显示了如何隐藏移动设备的列。不需要JavaScript。

答案 1 :(得分：0)

自适应表（没有js）是一个很成问题的事情。

您可以查看这些文章：

使用js：

相关问题
最新问题