Как сделать такой hover?

Question

[drtvader]

Привет!
Как такой hover сделать можно?
Что-то придумать не могу

Comments

[Антон Спирин]

javascript

[drtvader]

Антон Спирин, примеров не встречали?

[ⓒⓢⓢ]

css ховер на строку, и через js выбрать весь столбец, можно селектором nth-* (5n+4)
можно ховер и в js запихнуть, чтобы в одном месте было

[Eugene Chefranov]

можно и без js

table {
  overflow: hidden;
}

tr:hover {
  background-color: #ffa;
}

td, th {
  position: relative;
}
td:hover::after,
th:hover::after {
  content: "";
  position: absolute;
  background-color: #ffa;
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  z-index: -1;
}

Answer 1

[Eugene Chefranov]

https://css-tricks.com/simple-css-row-column-highl...
https://codepen.io/davesantos/pen/etHgh