JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr class="trLink">
		<td>
			<a href="#">Something</a>
		</td>
		<td>
		  <a href="#">Something else</a>
	  </td>
  </tr>
  <tr class="trLink">
		<td>
			<a href="#">Something</a>
		</td>
		<td>
		  <a href="#">Something else</a>
	  </td>
  </tr>
  <tr class="trLink">
		<td>
			<a href="#">Something</a>
		</td>
		<td>
		  <a href="#">Something else</a>
	  </td>
  </tr>
  <tr class="trLink">
		<td>
			<a href="#">Something</a>
		</td>
		<td>
		  <a href="#">Something else</a>
	  </td>
  </tr>

</table>

CSS

tr.trLink {
	cursor: pointer;
}
tr.trLink:hover {
   background-color: #ffed00;
}
tr.trLink a{
	display: block;
	height: 100%;
	width: 100%;
}
tr.trLink:hover a{
   color: red;
}



/*some styles*/

table{
    border-spacing: 0;
    border-collapse: collapse;
}
table td{
  padding: 10px;
  border-bottom: 1px solid black;
}