tableタグで、上部のヘッダをスクロールしても固定したいのですが、
rowspanを利用した多段になってるヘッダだと、2段目(赤枠部分)の固定が
うまくできず困ってます。
このテーブルの各セルには幅・高さ指定がなく、テーブル全体は領域の横幅いっぱいの幅をとります。
なので、ブラウザウィンドウ幅によって、テーブルサイズ、中のセルのサイズが変化します。
1段目のセルの高さpxを指定し、2段目のヘッダセルをtopプロパティで1段目の高さの数値を入れれば
正しく固定されるみたいなのですが、
可能ならば各セルのサイズを可変のまま(幅・高さの指定をしない)で正常な固定ヘッダの実現をしたいのです。
ウィンドウサイズによってセルのサイズが変わるわけですが、
それに合わせてのtopプロパティの値を動的に変化させる方法ってCSSにありましたっけ、このようなことを実現する方法のご教示をお願いいたします