javascript - テーブルのヘッダーを固定し、データを垂直方向に移動できるようにし、同時にヘッダーとデータの両方を垂直方向に移動できるようにする方法

Question

タグを使用して作成したテーブルを持っています。問題は、div ではなくブラウザーに垂直スクロールバーを表示する必要があることです。そして、垂直スクロールバーを移動すると、そのテーブルのデータのみが移動できるようになり、ヘッダーは移動できなくなります。水平スクロールバーを移動すると、ヘッダーとデータの両方が移動するはずです。Java Script または JQuery を使用する必要があると思います。しかし、私はこの設計部分に慣れていないので、どうすればこれを行うことができるのかよくわかりません。助けてください

Answer 1

スクロール中にヘッダーを上部に保持したい場合は、css プロパティを指定します。position:fixed;

簡単な例を次に示します: http://jsfiddle.net/DigitalBiscuits/ymevS/1/