html - html表格的浮动水平条

Question

我的 html 表中的列数量非常多，我必须一直滚动才能查看这些元素。

我尝试将 html 表包含在下面的 div 中；

div.scroll
{
overflow:scroll;
}

但问题是，滚动条出现在表格的底部，我必须一直滚动到表格的底部，然后再次导航回所需的行并查看它。

我希望滚动条[水平和垂直]都是浮动的，这样我就可以从第一行和第一列开始滚动。[类似于这个演示： http: //www.matts411.com/static/demos/grid /index.html ] 。

我不想使用任何第三方库。这可能吗？

score 1 · Accepted Answer

始终设置封闭的高度和宽度div以获得滚动效果并将display属性设置为，block以便滚动条位于 div 下方（而不是表格下方）

div.scroll{  
display:block;  
height:400px;  
overflow:auto;  
}

score -1 · Accepted Answer

请参阅此演示它可以提供帮助。将表格放在 div 内，然后滚动条不会出现在表格的底部。

像这样为您的 div 使用最大高度和最大宽度

.simple{
overflow: auto;
max-width: 200px;
max-height: 180px;
}

2 回答 2