2011-12-08 284 views
1

我正在實施一個時間條目的Web應用程序和用戶界面有一個非常棘手的滾動要求。垂直和水平滾動表

請在這裏看到樣本:http://jsfiddle.net/yuipcheng/Ek5B2/

垂直滾動條位於最右邊。它滾動所有表格行,但頁眉和頁腳。

的水平滾動條位於從第4列至端部開始該表的底部。它滾動所有表格列,但前三列。

前3列可能有固定寬度(例如150px)。 第四到其他列也可以有固定的寬度,但必須小得多(例如35px)。

所有的表格行都可以是相同的高度,我對CSS和JavaScript解決方案都是開放的。

回答

2

把表內的div ....像

<div style="width:XXXpx;height:XXXpx;overflow:auto;"> 

table goes here 

</div> 

overflow:auto將創建時滾動條neccessary。

+0

哪裏頁眉和頁腳去?表或Div? –

+0

div和footer開始之前的div div末尾 –

+0

div內的內容只會在滾動條內。所以請將頁眉和頁腳留在div之外。 –