我花了一整天的时间研究这个问题,最后决定寻求帮助。
这对许多人来说看起来像一个非常相似的问题,但没有一个接受的答案接近我需要的。如果我错了,我会感激指向正确的方向。
我的问题是我有一个20行(最多)和18列的表。列有各种内容类型 - 文本,选项,单选按钮......
表的宽度远大于可显示的宽度,因此需要水平滚动。我需要前4列始终可见,其余14列要滚动。
另一个问题是该表的最终用户将在iFrame中查看它,其中我无法控制尺寸。
我发现了一些不幸的不合适的代码: www.shrutigupta.com/index.php/2005/12/12/how-to-create-table-with-first-column-frozen/ (这些行排列不正确)
acatalept.com/common/test/fixed-table.html (尽我所知,是3张桌子)
而且,看起来最有希望但没有代码的那个: apex.oracle.com/pls/otn/f?p=11630:2:1883191096360711
在所有情况下,如果您调整窗口大小以使高度小于表格的高度,则必须将窗口滚动到底部才能找到滚动条以水平滚动表格。
我们真正需要的是,我们唯一可以真正使用的是确切使用的方法: www.google.com/squared/search?q=world+leaders 如果您在此页面上调整窗口大小,滚动条将显示在底部,仅显示需要它的列。
请帮忙,这个项目让我很生气!
答案 0 :(得分:0)
使用css scroll进行溢出,需要滚动列 和其他人隐藏
尝试将表格或tds放在div中并应用溢出样式
答案 1 :(得分:0)
<table width="100%">
<tr>
<td id="200px">some fixed content</td>
<td>
<table>
create rows and table inside this table
</table>
</td>
</tr>
</table>
答案 2 :(得分:0)
DataTables现在支持ColVis,它允许您显示/隐藏列以及固定标题/固定列。这不是您正在寻找的滚动,但可能是您的问题更优雅的解决方案。根据您要处理的数据量,您还可以利用排序,过滤和分页来使最终用户更容易使用。