Абсолютное позиционирование в таблице с прикрепленным столбцом ⇐ CSS

[Anonymous]

У меня есть фрагмент кода, очень похожий на следующий фрагмент кода. В ней у меня есть таблица с прикрепленным первым столбцом и всплывающее окно в одном из этих столбцов.
Моя проблема в том, что всплывающее окно скрыто за ячейками прикрепленного столбца, и я не могу придумайте, как разместить его над ними. z-index, похоже, ничего не меняет. Мой желаемый результат — белый прямоугольник становится полностью видимым.

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

body {
color: white;
background: rgb(24, 119, 119);
}

.anchor {
position: relative;
}

.popover {
position: absolute;
background: white;

color: black;
padding: 5px;

z-index: 2;
}

table tr th,
table tr td {
background: blue;
}

table tr th:first-child,
table tr td:first-child {
position: sticky;
z-index: 1;
left: 0;
}

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

Page Title







1
2


2
3
4
5


1
2
3
4
5


1
2
3
4
5


1
2
3
4
5


1
2
3
4
5

Подробнее здесь: https://stackoverflow.com/questions/793 ... cky-column