webForumDet fria alternativet

Överskådliga tabellrubriker

HTML & CSS

4 svar · 418 visningar · startad av Troxy

Medlem sedan mars 20041 505 inlägg
Frågan#1

Hejsan. Jag har en lång tabell med statistik, några hundra rader.
Kunden vill att kollumnernas rubriker alltid ska synas när man scrollar, så att det blir mer överskådligt.
Nu undrar jag hur jag ska lösa detta på bästa sätt.
Förenklat så ser tabellen ut såhär:

<table>

<thead>
<tr>
<th>Titel</th><th>Media</th><th>Leverantör</th><th>Lagerstatus</th>
</tr>
</thead>

<tbody>
<tr>
<td>...</td><td>...</td><td>...</td><td>...</td>
</tr>
...
</tbody>

</table>

En lösning är ju att repetera rubrikerna efter X antal rader, men det vore bättre om rubrikerna alltid visades på samma ställe.
Jag testade en CSS-metod med en fast height på tbody, och sedan overflow-y: scroll; men det buggade ganska hårt i de flesta webbläsarna.

Har någon en bra lösning?

Medlem sedan nov. 20051 596 inlägg
#2

Har du testat den här varianten?
http://www.imaputz.com/cssStuff/bigFourVersion.html

Medlem sedan mars 20041 505 inlägg
#3

Hm, det finns inget enklare sätt?
Men tack för ditt svar :)

Medlem sedan juni 2000974 inlägg
#4

Beroende på hur informationen ska presenteras kanske du kan köra med frames?

Medlem sedan mars 200642 inlägg
#5

Troxy skrev:

Hm, det finns inget enklare sätt?
Men tack för ditt svar :)

Jag tycker tantens förslag verkar väldigt enkelt. Det är ju bara att kopiera in den extra koden i ditt dokument och sätta några klasser.

265 ms totalt · 4 externa anrop · v20260731065814-full.868a69e5
127 ms — deklarationer (db)
0 ms — hämta statistik (cache)
134 ms — hämta tråd, inlägg och bilagor (db)
128 ms — ändringar (db)