2つのスティッキーヘッダーを持つテーブル

Question

私は水平にスクロールしているとき、垂直方向と水平方向にスクロールしているときに2つのスティッキーヘッダーと1つの左のスティッキー列を持つテーブルを作成しようとしています（2番目の行は左に重なっています）列）が正しく動作していない、誰でも私を助けることができますか？私はスクリーンショットを添付しており、これは動作中のリンクです。

[https://jsfiddle.net/rqpra89s/] 

Answer 1

私はあなたのために作られたこのバージョンを見てみましょう。私は重要なもののためだけにCSSを使用しており、それは非常にうまく動作します。コンテナのスクロールにもjsを使用してクラスを追加しました。

私は役立つことを願っています。

https://jsfiddle.net/bcwhqueu/3/

.table__side { 
    left: 0; top: 0; 
    position: absolute; 
    transition: box-shadow 0.25s ease; 
    width: 8.0625rem; 
    z-index: 1; 
}