у нас есть следующий код на нашем веб-сайте, который создает таблицу с заголовком (thead) и одним или несколькими подзаголовками (в tbody). И заголовок, и подзаголовок имеют позицию: sticky, которая отлично работает в Chrome, но в Safari подзаголовок расположен неправильно и перекрывает первую нормальную ячейку таблицы:
.sub-head {
position: sticky;
top: 24px;
background: #fff;
z-index: 1;
padding: 0;
}
https://jsfiddle.net/vuxbLj9d/
![enter image description here](https://i.stack.imgur.com/jAlh4.png)
Есть идеи, как мы можем это исправить?