tabeltitels vastzetten

[mariannevanh]

Ik ben bezig met het maken van een tabel in HTML. Nu kopieer ik nog om de x regels de kolomtitels, maar ik zou ze eigenlijk vast willen zetten, zodat ze altijd in beeld blijven.
Al zoekend op internet vond ik de tag <TH> maar die heeft bij mij niet het juiste effect (of ik pas 'm niet goed toe).
Wie helpt mij?

 

[wboy44]

Hey,

Je kunt deze code gebruiken (bron: http://stackoverflow.com/questions/12029336/keep-table-head-visible)

In je HTML document:

<table>
<thead><tr><th>Name of show</th><th>Greatness</th></tr></thead>
<tbody><table class = "limitedcontent">
<tr><td>Glee</td><td>100%</td></tr>
<tr><td>Glee</td><td>100%</td></tr>
<tr><td>Glee</td><td>100%</td></tr>
<tr><td>Glee</td><td>100%</td></tr>
<tr><td>Glee</td><td>100%</td></tr>
<tr><td>Glee</td><td>100%</td></tr>
<tr><td>Glee</td><td>100%</td></tr>
<tr class = "placehold"><th>Name of show</th><th>Greatness</th></tr>
</table></tbody>
</table>

In je CSS document:

.limitedcontent {
height: 150px; /*or whatever your limit is*/
overflow-y: scroll;
overflow-x: hidden;
display: inline-block;
}
.placehold {
visibility: hidden;
opacity: 0;
height: 0px;
overflow: hidden;
}