垂直和水平可滚动表

Question

我正在实现时间条目Web应用程序，并且UI具有非常棘手的滚动要求。

请在此处查看示例：http://jsfiddle.net/yuipcheng/Ek5B2/

垂直滚动条位于最右侧。它会滚动所有表格行但页眉和页脚。

水平滚动条位于表格底部，从第4列开始到结尾。它会滚动所有表格列，但前3列。

前3列可能具有固定宽度（例如150px）。 其余列的第4列也可以具有固定宽度，但必须小得多（例如35px）。

所有表格行的高度都相同，我对CSS和JavaScript解决方案都开放。

Answer 1

把表放在div里面......就像

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

table goes here

</div>

overflow:auto将在必要时创建滚动条。

Answer 2

您可以查看此解决方案：

http://www.novasoftware.com/Download/jQuery_FixedTable/jQuery_FixedTable_Demo.htm

（你可以在询问之前尝试谷歌......： - ）