JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <thead>
    <tr class='mostok'>
      <td class='ok'>1</td>
      <td>2</td>
      <td>3</td>
      <td>4</td>
    </tr>
  </thead>
  <tody>
    <tr class='mostok'>
      <td >e</td>
      <td >e</td>
      <td >e</td>
      <td >e</td>
    </tr>
    <tr class='mostok'>
    <td>e</td>
    <td>e</td>
    <td>e</td>
    <td>e</td>
  </tr>
  </tody>
  
</table>

CSS

table {
  overflow: hidden;
}
tr{
   background-color: #f0f;
}
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;
}