水平滚动表

Question

我目前有一个带有数据表的网络应用程序。问题是，表中有太多数据，它在移动设备上变得挤压和不可读。我注意到维基百科正是我想要的：http://en.m.wikipedia.org/wiki/Ivy_League#section_1

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

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

还没有真正感动过：P

Answer 1

你应该能够将你的表包装在一个div中，并将overflow属性设置为'auto'，当显示完整网格的不动产不存在时，会产生一个可滚动的区域。

Answer 2

根据我们上面的讨论，这样的事情应该会有所帮助：

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

查看完整文档： http://datatables.net/ref

Answer 3

我尝试使用sScrollX，但出于某种原因，它没有按预期工作。我通过在包含宽度和溢出设置的div中仅包装表（包括标题（但不包括其他数据表组件））解决了这个问题：

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

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

我测试的所有表格功能（排序，搜索，要显示的项目数量）仍然有效。