Something like this:
<html>
<head>
<title></title>
<style type="text/css">
#tb {
position:absolute;
left:100px;
top:100px;
width:300px;
border:1px solid #000000;
}
</style>
<script type="text/javascript">
function show(id){
document.getElementById(id).style.visibility = "visible";
}
function hide(id){
document.getElementById(id).style.visibility = "hidden";
}
</script>
</head>
<body>
<form>
<p><input type="checkbox" onclick="show('tb')"> Show table<br>
<input type="checkbox" onclick="hide('tb')"> Hide it now</p>
</form>
<div id="tb"><table width="300" border="1" cellspacing="2" cellpadding="1">
<tr>
<td width="50%">Put stuff here..</td>
<td width="50%">More stuff..</td></tr></table></div>
</body>
</html>