collapse empty table rows

dabblet.css

/**
 * collapse empty table rows
 */

table
{
	border-collapse: collapse;
}

td
{
	padding: 0.5em;
	border: 1px solid;
}

td:empty
{
	padding: 0;
	border: 0 none; /* you should not do this */
}

dabblet.html

<table>
	<thead>
		<tr><td lang="en">1st row</td><td lang="de">1. Zeile</td></tr>
		<tr><td lang="en">2nd row</td><td lang="de">2. Zeile</td></tr>
		<tr><td/><td/></tr>
		<tr><td/><td/></tr>
		<tr><td/><td/></tr>
		<tr><td/><td/></tr>
		<tr><td lang="en">7th row</td><td lang="de">7. Zeile</td></tr>
	</tbody>
</table>

dabblet.js

// alert('Hello world!');

settings.json

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