JSFiddle - React, Tailwind, and code Playground

by Cone

HTML

<table width="400px" cellpadding="0" cellspacing="0" style="border:1px solid #dfdfdf;">
	<tr align="center">
		<td>2</td>
		<td>3</td>
		<td>3</td>
		<td>3</td>
		<td>3</td>
	</tr>
	<tr align="center">
		<td>2</td>
		<td>3</td>
		<td>3</td>
		<td>3</td>
		<td>3</td>
	</tr>
	<tr align="center">
		<td>2</td>
		<td>3</td>
		<td>3</td>
		<td>3</td>
		<td>3</td>
	</tr>
	<tr align="center">
		<td>2</td>
		<td>3</td>
		<td>3</td>
		<td>3</td>
		<td>3</td>
	</tr>
</table>

CSS

table {
color:silver;
font-family:Tahoma;    
}

JavaScript

$('td').hover(function(){
	$(this).css({ backgroundColor : 'silver' }).parent('tr').css({
		backgroundColor : '#dfdfdf'
	});
},
 function(){$(this).css({ backgroundColor : 'transparent' }).parent('tr').css({backgroundColor : 'white'});  
}
			 );