CSS – Sticky – неприкрепленные элементы перемещаются поверх липких при прокрутке даже после использования соответствующе ⇐ CSS

[Anonymous]

У меня есть таблица с закрепленным заголовком (вертикальным) и первыми четырьмя столбцами, которые должны быть закреплены (горизонтальными).
Я могу реализовать оба варианта с помощью попутного ветра (липкий, левый-, верхний-0 и z -), за исключением одной проблемы:
вертикальная прокрутка незакрепленных строк прокручивается над прикрепленным заголовком даже после использования z-30 для заголовка и z-10 для незакрепленных строк.). p>
Горизонтальная прокрутка работает нормально. проблема только с вертикальной прокруткой.
У меня возникли проблемы с повторением проблемы, но мне удалось придумать кое-что ниже,

Код: Выделить всё

let columns = 10;
let rows = 6;





Sticky Header 1
Sticky Header 2
Sticky Header 3
Sticky Header 4
{#each {length: columns} as _, i}
Non Sticky Header {i+1}
{/each}



{#each {length: rows} as _, j}

Sticky Record 1
sticky Record 2
sticky Record 3
sticky Record 4
{#each {length: columns} as _, i}
Non Sticky Record {i+1}
{/each}

{/each}

Ожидание: не прикрепляющиеся строки для прокрутки под прикрепленным заголовком

Подробнее здесь: https://stackoverflow.com/questions/791 ... olling-eve