2011-12-08 60 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之外。 –