垂直方向と水平方向のスクロール可能なテーブル

私はタイムエントリWebアプリケーションを実装することだし、UIは非常にトリッキーなスクロールの必要があります。垂直方向と水平方向のスクロール可能なテーブル

こちらのサンプルをご覧ください。http://jsfiddle.net/yuipcheng/Ek5B2/

垂直スクロールバーが右端に位置しています。ヘッダーとフッターを除くすべてのテーブル行をスクロールします。

水平スクロールバーの端部に4列から始まるテーブルの底部に配置されています。最初の3つの列を除くすべての表の列をスクロールします。

最初の3列は、幅が固定されていてもよい（例えば、150ピクセル）。残りの列の残りの4番目の列も固定幅を持つことができますが、はるかに小さくする必要があります（例：35px）。

すべてのテーブルの行が同じ高さにすることができ、私はCSSやJavaScriptのソリューションの両方に開いています。

2011-12-08 Ray Cheng

は.... divの内側に

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

table goes here 

</div>

のようなもの

neccessary overflow:autoは、スクロールバーを作成しますが、テーブルを置きます。

2011-12-08 16:34:23

を試みることができますか？テーブルまたは部門？ –

divを開始する前のヘッダーとdivの最後の後にフッター –

div内のコンテンツのみがスクロールバー内に表示されます。ヘッダーとフッターはdivの外側に置いてください。それは私が –

あなたは、このソリューションを見て持つことができる：

を（そしてあなたが:-) ...尋ねる前にGoogleにヘッダーとフッターが行くん

2011-12-08 16:35:44 ptriek

私はGoogleとBingの両方をしましたが、何も役に立たなかったので、ここで尋ねました。デモリンクありがとうございますが、水平スクロールバーは下部にありません。私はそれを修正できるかどうか試してみるつもりです。 –

答えて