Стол с двумя липкими заголовками

Question

Я пытаюсь создать стол с двумя липкими заголовками и одним левым липким столбцом, он отлично работает, когда мы прокручиваем до горизонтали, прокручивая по вертикали и по горизонтали, второй заголовок (вторая строка перекрывается слева столбец) работает некорректно, может ли кто-нибудь мне помочь? Я прикрепляю снимок экрана, и это рабочая ссылка.

[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; 
}