html - html表格的 float 水平条

Question

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

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

div.scroll
{
overflow:scroll;
}

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

我希望滚动条[水平和垂直] float ，以便我可以从第一行和第一列开始滚动。[类似于此演示:http://www.matts411.com/static/demos/grid/index.html ] .

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

Answer 1

始终设置封闭的 div 的高度和宽度以获得滚动效果，并将 display 属性设置为 block 以便滚动bar 会出现在 div 下方(不在表格下方)

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