テーブルレイアウト 列ヘッダ固定 行ヘッダ固定

EXCEL LIKEに作りたいテーブルを!いろいろ調べたので、結果をメモ。
列ヘッダ固定の際に左隣のth,tdの幅分width指定しないといい感じにできないのが、めんどい。クラス指定したタグの直前までのタグ幅を動的に取得できるコードがほしい。今回の例だと.stickky-header-col2に指定しているleft: 120px;の部分かな。ここが指定したタグの直前分まで漸化的に取得できれば、楽。

See the Pen
sample
by brunohigashi (@brunohigashi)
on CodePen.

wordpressだとposition:stickyできないぽいから、列ヘッダは実現できず。。