HTML Cacher un tableau

Bonjour, étant débutant, voire ignorant en html, j'ai besoin d'aide, en fait, j'aimerais cacher un tableau au lancement de la table, et lorsque j'appuie sur un bouton, il s'affiche. Voilà mon code des tableaux à cacher:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
 
	<div id="main"><a name="top"></a>
	<div class="categorie">
	<div class="libelle_cat">
	<div class="intitule">Contrats / Simulations</div>
	</div>
	<table class="table_cat">
		<colgroup class="label" />
		<colgroup class="data" />
		<tbody>
			<tr>
				<td><P align="left"><INPUT TYPE="radio" NAME="bouton" VALUE="B1"><b>Co001</b></td></p>
		  	</tr>
		  	<tr>
  				<td><P align="left"><INPUT TYPE="radio" NAME="bouton" VALUE="B2">07_v0</td></p>
			</tr>
			<tr>
  				<td><P align="left"><INPUT TYPE="radio" NAME="bouton" VALUE="B3">007_v1</td></p>
			</tr>
			<tr>
				<td><P align="left"><INPUT TYPE="radio" NAME="bouton" VALUE="B4"><b>0002</b></td></p>
		  	</tr>
		  	<tr>
  				<td><P align="left"><INPUT TYPE="radio" NAME="bouton" VALUE="B5">v0</td></p>
			</tr>
			<tr>
  				<td><P align="left"><INPUT TYPE="radio" NAME="bouton" VALUE="B6">7_v0.1</td></p>
			</tr>
			<tr>
				<td><P align="left"><INPUT TYPE="radio" NAME="bouton" VALUE="B7"><b>reffdg</b></td></p>
		  	</tr>
		  	<tr>
  				<td><P align="left"><INPUT TYPE="radio" NAME="bouton" VALUE="B8">0</td></p>
			</tr>
			<tr>
  				<td><P align="left"><INPUT TYPE="radio" NAME="bouton" VALUE="B9">07_v0.1</td></p>
 
			</tr>
		</tbody>
	</table>
	</div>
	</div>
 
 
	<br>
 
	<table bgcolor="white">
	<tr>
	<td>
		<div id="boutons">
		<button type="submit" name="cr">Cr</button>
		</div>
	</td>
	<td>
		<div id="boutons">
		<button type="submit" name="mo">Mo</button>
		</div>
	</td>
	<td>
		<div id="boutons">
		<button type="submit" name="du">Du</button>
		</div>
	</td>
	<td>
		<div id="boutons">
		<button type="submit" name="s">Ser</button>
		</div>
	</td>
	</tr>
	</table>
 
</html>

J'aimerais aussi mettre des ascenceurs dans les tableaux, mais je ne connais pas le code.

Pour ca, il faut utiliser du Javascript/CSS, donc direction forum JS.
Et pour les ascenseurs, il faut utiliser la propriété CSS overflow.

Merci
Et comment ça s'utilise CCS overflow?

Code:

1 2 table {overflow: scroll;}
par exemple.