logo
  Scrolltable
 
Tabel 1 Tabel 2 Tabel 3 Tabel 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4

 
IN DE CSS
.eentabel{width:600px; margin-left:100px;padding:1em}
.tabelcontainer{overflow:auto; width:99.5%;height:115px}
.tabelkop{width:96.5%;color:#0000cc; background:inherit;margin-bottom:0.5em;line-height:200%}
.tabeldata{width:99.5%}
td{padding:1px 1px 2px 8px; width:24%;border-bottom:1px solid #000000;line-height:150%}

 
TUSSEN DE HEAD TAGS
tekst

 
TUSSEN DE BODY TAGS
<div class="tekst"> </div>
<div class="eentabel">
<table class="tabelkop">
<tr>
<td>tabel kolom 1</td>
<td>tabel kolom 2</td>
<td>tabel kolom 3</td>
<td>tabel kolom 4</td>
</tr>
</table>
<div class="tabelcontainer">
<table class="tabeldata">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
</div>
</div>

 
eind