Есть таблица. Задача состоит в том, чтобы подсветить всю строку при наведении на ячейку.
Можно сделать
вот так (вертикальная подсветка сделана просто чтобы проиллюстрировать, что наведение именно на td прописано).
Но в этом решении есть одна проблема.
Если в ячейках неоднородный контент, и в какой-то из ячеек есть две строки, то в остальных ячейках этой строки div внутри ячейки
не растянется на всю высоту, и получится
вот такое.
Можно ли решить эту проблему? Либо растянуть div на всю высоту ячейки, либо как-то иначе подсветить строку.
P.S. В подсветке нужен именно box-shadow, поэтому обычный tr:hover, к сожалению, не подходит (box-shadow не работает на строках таблицы).
Простой
Средний
