水平滚动表

我目前有一个带有数据表的web应用程序。问题在于，表格中的数据太多，以至于在移动设备上变得不稳定并且无法阅读。我注意到维基百科正是我要去的：http://en.m.wikipedia.org/wiki/Ivy_League#section_1 水平滚动表

我想创建一个水平滚动的表，以便每个单元格的标题保持不变，并且内部的内容可以保留不变。

编辑：这里的表我目前有：http://honedge.com/94296358

还没有真正被感动：P

我看到你已经在使用jquery.datatable.js，如果你打开它，它支持水平滚动。看看sScrollX属性。 – 2012-07-06 18:28:48

啊我不知道这个存在。无论如何，我链接到的表不是由datatables.js生成的。是否仍然可以添加此功能？ – 2012-07-06 19:04:53

我对数据表插件的使用经验一直是它可以做你能想到的所有事情，但有太多容易错过。对于这个，我认为你可以调用你的表的datatable（）函数并设置一个宽度。值得一试。 – 2012-07-06 19:10:32

您应该能够设置为“自动” overflow属性来包装你的表在一个div ，当房地产显示完整的电网不存在时，产生可滚动区域。

2012-07-06 18:28:43 RhinoWalrus

按了我们上面的讨论，这样的事情应该有所帮助：

$("#example").dataTable({ 
    bFilter: false, 
    bPaginate: false, 
    sScrollX: "100%" 
})

检查完整的文档在这里： http://datatables.net/ref

2012-07-06 20:11:41

这种方式完全适用于全尺寸的桌面浏览器并重新调整大小，但以较小的移动分辨率加载页面会导致页面失去控制，并且只显示2列或1.同样将它加载到我的iPhone上：/ – 2012-07-06 21:04:42

我试图用sScrollX但是，出于某种原因，它不是，没有按预期工作。

table=$("#example").dataTable(); 

table.wrap('<div style="overflow: auto; width: ' + 
table.parent().parent().parent().width()*0.95 + 'px"/>');

我测试的所有表功能（排序，搜索，项目数：我通过包装只表，其中包括报头（而不是其他的DataTable组件）在一个div宽度和溢出一套解决问题展示）仍在工作。

2013-02-20 21:39:52 Socket

回答