Untitled

dabblet.css

body
{
	background: #0ff;
}
table {
	position: relative;
	z-index: 11;
	display: inline-block;
	overflow-x: hidden;
}

table {
}


tr:hover
{
	position: relative;
	background: red;
	overflow:hidden;
}

td:hover:before
{
position: absolute;
top: 0;
height: 100%;
width: 100%;
content: '';
background: red;
z-index: -1;
}

td:hover:after
{
position: absolute;
top: 0;
height: 100%;
width: 100%;
content: '';
background: #fff;
z-index: -1;
}

td
{
	padding: 5px;
}

dabblet.html

<table cellspacing="0" cellpadding="0">
<col></col><col></col><col></col><col></col>
<tr><td>ololo</td><td>ololo</td><td>ololo</td></tr>
<tr><td>ololo</td><td>ololo</td><td>ololo</td></tr>
<tr><td>ololo</td><td>ololo</td><td>ololo</td></tr>
</table>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}