teotlu
@teotlu
Навёрстываю упущенное

Как без JS подсветить в таблице строку нефиксированной высоты при наведении на ячейку?

Есть таблица. Задача состоит в том, чтобы подсветить всю строку при наведении на ячейку.
Можно сделать вот так (вертикальная подсветка сделана просто чтобы проиллюстрировать, что наведение именно на td прописано).
Но в этом решении есть одна проблема.
Если в ячейках неоднородный контент, и в какой-то из ячеек есть две строки, то в остальных ячейках этой строки div внутри ячейки не растянется на всю высоту, и получится вот такое.

Можно ли решить эту проблему? Либо растянуть div на всю высоту ячейки, либо как-то иначе подсветить строку.
P.S. В подсветке нужен именно box-shadow, поэтому обычный tr:hover, к сожалению, не подходит (box-shadow не работает на строках таблицы).
  • Вопрос задан
  • 631 просмотр
Пригласить эксперта
Ответы на вопрос 2
Taraflex
@Taraflex
Ищу работу. Контакты в профиле.
mr_T
@mr_T
Web-разработчик
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы