vediamo... uhm

<style type="text/css">
table#mytable{border:1px black solid;border-collapse:collapse;}
table#mytable td,table#mytable th{border:1px black solid;padding:10px;}
</style>

<table id="mytable">
<tr><th>prova</th><td>prova</td><td>prova</td></tr>
<tr><th>prova</th><td>prova</td><td>prova</td></tr>
<tr><th>prova</th><td>prova</td><td>prova</td></tr>
<tr><th>prova</th><td>prova</td><td>prova</td></tr>
<tr><th>prova</th><td>prova</td><td>prova</td></tr>
<tr><th>prova</th><td>prova</td><td>prova</td></tr>
<tr><th>prova</th><td>prova</td><td>prova</td></tr>
<tr><th>prova</th><td>prova</td><td>prova</td></tr>
</table>

<span>Visualizza l'approfondimento di questa tabella</span>

<script type="text/javascript">
var altezza = document.getElementById("mytable").offsetHeight;
var larghezza = document.getElementById("mytable").offsetWidth;
var thelink = document.getElementById("mytable_link");
thelink.style.display = "block";
thelink.style.position = "relative";
thelink.style.top = "-" + altezza + "px";
thelink.style.height = altezza + "px";
thelink.style.width = larghezza + "px";
thelink.firstChild.style.display = "none";
</script>