1

ここに jsfiddle があります: http://jsfiddle.net/7vv9e/2/

このフィドルを開いて小さなデモが表示されたら、表の横にスクロール バーが表示されるまで [質問を追加] ボタンを複数回クリックします。

今私がしたいことは、ユーザーがスクロールすると、スクロール中にヘッダーが固定されたままになることです。私の質問は、これをどのように行うことができるかです。

以下は、テーブルが特定の高さに達したときにテーブルのスクロール バーを表示する css コードです。

#details{
    height:500px;
    overflow:auto;
}

つまり、デモに表示されている現在のテーブルは最終的なテーブルではありません。さらに列が追加されます。したがって、2列のテーブルまたは5列のテーブルで機能するソリューションが必要です。列の幅は関係ありません。各列を下にスクロールしても問題なく同じ幅のままである場合、これは可能です素晴らしいです。

ありがとう

4

2 に答える 2

2

見る

「thead」とは無関係にテーブルの「tbody」をスクロールするには?

そして彼のデモ http://jsfiddle.net/nyCKE/2/

彼は使う

thead, tbody {
    display: block;
}
于 2012-12-19T19:46:53.047 に答える
0

テーブル ヘッダーを div{overflow:none} に保持し、テーブル ボディを別の div に保持することによっても実行できます。スクロール イベントでヘッダー テーブルをコンテンツ テーブルと水平方向に同期させることができます。Use table-layout: 適用される列幅が同じになるように修正しました。もう1つ、コンテンツテーブルにスクロールバーを取得した後、最後に追加のtdを指定してヘッダーテーブルを調整し、コンテンツテーブルと同じ正確な幅を取得します。

于 2015-07-30T06:09:58.237 に答える