html - 水平滚动表

Question

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

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

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

还没有真正接触过：P

score 5 · Accepted Answer

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

score 2 · Accepted Answer

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

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

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

score 0 · Accepted Answer

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

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

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

我测试的所有表格功能（排序、搜索、要显示的项目数）仍在工作。

3 回答 3