Как сделать подсветку(добавление границы и тени) выделенного столбца в таблице при наведении?

Question

[movetonull]

Добрый день,
Сделал первую реализацию озвученной задачи через создание скрытой в начале таблицы строки, где каждой ячейке присвоен класс:

. class { 
    height: 1000px;
    content: '';
    width: 170px;
    position: absolute;
    z-index: 9999;
    border-radius: 4px;
    box-shadow: none;
    transition: box-shadow 0.5s;
    -webkit-transition: box-shadow 0.5s;
}

т.е. поверх отрисовываются ячейки верхней строки, которые появляются при наведении, но такая такая реализация выглядит "костыльно", есть еще предложения как это сделать?

Answer 1

[Maks Kovyvchak]

киньте свой код на песочницу и сюда линку

Answer 2

[Beliyadm]

Как вариант решения https://webformyself.com/prostaya-podsvetka-strok-...

Comments

[movetonull]

проблема таких решений, что они не походят для border, только для background, потому что там :

top: -5000px;
height: 10000px;