HTML表格浮動水平欄

Question

我的html表格中的列數很大，我必須一直滾動才能查看這些元素。

我試圖在下面的div內附上html表格;

div.scroll 
{ 
overflow:scroll; 
} 

但問題是，滾動條出現在表的底部，我不得不一路滾動到表的底部，並再次導航回所需的行和查看。

我希望滾動條[水平和垂直]都是浮動的，以便我可以從第一行和第一列開始滾動。[與此演示類似：http://www.matts411.com/static/demos/grid/index.html]。

我不想使用任何第三方庫。這可能嗎 ？

Answer 1

始終將封閉div的高度和寬度，以獲得滾動效果和display屬性設置爲block從而使滾動條會低於div（不低於表格）

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

Answer 2

看到這個Demo它可以幫助。將表放入div中，然後滾動條不出現在表格的底部。

使用最大高度和最大寬度爲您的DIV像這樣

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