誰かがhtmlとcssだけを使ってテーブルの本文をスクロール可能にするバニラの方法を知っていますか?テーブルをスクロール可能にするにはどうすればいいですか?
tbody {
height: 200px;
overflow-y: scroll;
}
は動作しません明白な解決策。
これは明らかにテーブルの使用ですか?
私は何か間違っていますか?
誰かがhtmlとcssだけを使ってテーブルの本文をスクロール可能にするバニラの方法を知っていますか?テーブルをスクロール可能にするにはどうすればいいですか?
tbody {
height: 200px;
overflow-y: scroll;
}
は動作しません明白な解決策。
これは明らかにテーブルの使用ですか?
私は何か間違っていますか?
まず、高さを宣言する必要があります。それ以外の場合は、テーブルの内容に応じて展開されます。
table{
overflow-y:scroll;
height:100px;
display:block;
}
EDIT:あなたの問題を明確にした後、私はバイオリンを編集した: this Exampleまたはthat wayをチェックしてください。それはむしろハッキーで、クロスブラウザーで動作するようには保証されていませんが、あなたのケースではうまくいくかもしれません。
テーブルではできません。 divを使ってテーブルをラップしてください。
div.wrapper {
overflow:hidden;
overflow-y: scroll;
height: 100px; // change this to desired height
}
これは何かしますか?固定ヘッダと
ピュアCSSスクロール表(1)
http://anaturb.net/csstips/sheader.htm
http://www.scientificpsychic.com/blogentries/html-and-css-scrolling-table-with-fixed-heading.html
私はまだテーブルの静的な列の幅を静的にする必要があることを除いて、私は実際に実行時の前に幅を決めなければならないことは本当にありません。 –
と私が今まで見た場合、2番目の解決策はハックです。幅タグが設定されていない場合、コロンがヘッダーと整列する保証は全くありません。 –
同様の質問がここで尋ねられました:http://stackoverflow.com/questions/10838700/large-dynamically-sized-html-table- with-a-fixed-scroll-row-and-fixed-scroll-colu – RMN
テーブルの 'thead'部分に何が起こるのか、まだ問題 –
いけませんか? –
'display:block'を使うと動作しますが、ブラウザはもはやそれをテーブルと見なさないため、一般的には推奨されません。 – scoota269