2012-09-26 17 views

答えて

13

まず、高さを宣言する必要があります。それ以外の場合は、テーブルの内容に応じて展開されます。

table{ 
    overflow-y:scroll; 
    height:100px; 
    display:block; 
} 

EDIT:あなたの問題を明確にした後、私はバイオリンを編集した: this Exampleまたはthat wayをチェックしてください。それはむしろハッキーで、クロスブラウザーで動作するようには保証されていませんが、あなたのケースではうまくいくかもしれません。

+0

テーブルの 'thead'部分に何が起こるのか、まだ問題 –

+0

いけませんか? –

+0

'display:block'を使うと動作しますが、ブラウザはもはやそれをテーブルと見なさないため、一般的には推奨されません。 – scoota269

4

テーブルではできません。 divを使ってテーブルをラップしてください。

div.wrapper { 
    overflow:hidden; 
    overflow-y: scroll; 
    height: 100px; // change this to desired height 
} 
1

これは何かしますか?固定ヘッダと

ピュアCSSスクロール表(1)

http://anaturb.net/csstips/sheader.htm

http://www.scientificpsychic.com/blogentries/html-and-css-scrolling-table-with-fixed-heading.html

+0

私はまだテーブルの静的な列の幅を静的にする必要があることを除いて、私は実際に実行時の前に幅を決めなければならないことは本当にありません。 –

+0

と私が今まで見た場合、2番目の解決策はハックです。幅タグが設定されていない場合、コロンがヘッダーと整列する保証は全くありません。 –

+0

同様の質問がここで尋ねられました:http://stackoverflow.com/questions/10838700/large-dynamically-sized-html-table- with-a-fixed-scroll-row-and-fixed-scroll-colu – RMN

関連する問題