Toon posts:

Zwevende kop in tabel

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik heb een erg lange tabel; daarvoor lijkt het me handig dat de eerste regel van die tabel (deze bevat de titels van de kolommen) niet meescrollen met de rest van de pagina.

Ik heb geprobeerd om de tabel te splitsen in een THEAD en TBODY en hiervan de THEAD een absolute positie te geven (ook met span en div geprobeerd). Naar mijn verwachting lukte dit niet. Heeft iemand een idee om dit te vervaardigen?

Verwijderd

ik doe zoiets altijd met frames

Verwijderd

met wat layers oplossen lijkt me: bovenste layer met de titels, daaronder 1 met een overflow: scroll (of auto) met daarin je megatabel

Verwijderd

Hier hebben ze nou CSS voor uitgevonden:
PHP:
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
<table>
    <thead>
        <tr>
            <th>Head 1</th>
            <th>Head 2</th>
            <th>Head 3</th>
        </tr>
    </thead>
    <tbody style="height:100px; overflow:scroll;">
        <tr>
            <td>Lala 1 1</td>
            <td>Lala 1 2</td>
            <td>Lala 1 3</td>
        </tr>
        <tr>
            <td>Lala 2 1</td>
            <td>Lala 2 2</td>
            <td>Lala 2 3</td>
        </tr>
        <tr>
            <td>Lala 3 1</td>
            <td>Lala 3 2</td>
            <td>Lala 3 3</td>
        </tr>
    </tbody>
</table>

Je geeft de TBODY dus een vaste hoogte met een overflow:scroll.

Verwijderd

Topicstarter
Verwijderd schreef op 16 augustus 2002 @ 16:30:
ik doe zoiets altijd met frames
Die tabel is dynamisch gegenereerd waardoor ik niet even wat frame-tags tussendoor kan bouwen. Ook moet ik dan een script schrijven die zorgt dat de kolombreedten van de tabel in het eerste frame aansluit op de tabel in het tweede frame. (Is dat toevallig eenvoudig te doen?)
Verwijderd schreef op 16 augustus 2002 @ 16:33:
met wat layers oplossen lijkt me: bovenste layer met de titels, daaronder 1 met een overflow: scroll (of auto) met daarin je megatabel
Ik heb het zojuist geprobeerd, maar een layer beginnen halverwege een tabel vindt ie niet zo tof.

Verwijderd

Topicstarter
Verwijderd schreef op 16 augustus 2002 @ 17:10:
Hier hebben ze nou CSS voor uitgevonden:
[...]
Je geeft de TBODY dus een vaste hoogte met een overflow:scroll.
Nu wordt elke rij 100px hoog ipv dat er een blok wordt gemaakt van 100px :? ...

  • [eNeRGy]
  • Registratie: November 1999
  • Laatst online: 24-04-2025
tbody met overflow is nog steeds een constructie die in de praktijk niet werkt maar volgens de standaarden wel.

Je zal 2 tabels boevn elkaar moeten zetten en met een js scriptje de breedtes van de kolommen moeten sync'en

  • Grom
  • Registratie: Juli 2002
  • Laatst online: 25-11-2024

Grom

lief hè!

Verwijderd schreef op 16 augustus 2002 @ 17:16:
Ik heb het zojuist geprobeerd, maar een layer beginnen halverwege een tabel vindt ie niet zo tof.
Ik denk dat er bedoelt wordt:
Bovenste layer: tabel met de kolomtitels.
Onderste layer: tabel met de content van je kolommen in rijen.

Dat zou moeten lukken. ;)

  • Bartoz
  • Registratie: November 2000
  • Niet online
De kolommen kun je dus geen vaste breedte geven ? Zo ja, dan is dit wel te doen met 2 layers, anders weet ik zo ook geen oplossingen. Opzich wel een interressant probleem, ik heb hier zelf ook al eens mee zitten kl##ten, helaas zonder positief resultaat. Ik hou dit topic zeker in de gaten, hoop dat iemand iets weet....

Verwijderd

Topicstarter
overflow='scroll' en overflow='hidden' worden ook nog eens niet ondersteund door NS4 :(:(:( vond ook een verhaal over het cross-browser maken daarvan maar bij mij NS4.7 werkt dat ook niet. Het idee is dat je een viewport maakt en deze zelf van scrollbalken voorziet:
http://www.siteexperts.com/dhtmllib/demos/scroller/page1.asp

Verwijderd

Verwijderd schreef op 16 augustus 2002 @ 16:30:
ik doe zoiets altijd met frames
Frames zuigen, altijd problemen mee.

Verwijderd

maak anders een <div> met een eigen scrollbar in DHTML ofzo...
Kijk hier ff naar: http://www.xs4all.nl/~peterned/ bij BeeHive.
BeeHive is een DHTML API gemaakt door Clay die hier ook rondloopt...

  • Grom
  • Registratie: Juli 2002
  • Laatst online: 25-11-2024

Grom

lief hè!

Ik weet het hier kan nog een heeeele boel aan verbeterd worden maar het is maar een concept gedachte.
Werkt nu min of meer in DOM browsers (heb ook niet de gewoonte om nog over oudere/andere browsers na te denken) ;)

Wellicht dat iemand er mee verder komt (ik hoor het graag).

http://www.technowise.nl/tabelheader.html

Verwijderd

Verwijderd schreef op 17 augustus 2002 @ 08:51:
[...]


Frames zuigen, altijd problemen mee.
niet waar, als je ze goed gebruikt.

  • mulder
  • Registratie: Augustus 2001
  • Laatst online: 09:50

mulder

ik spuug op het trottoir

Verwijderd schreef op 23 augustus 2002 @ 19:24:
[...]

niet waar, als je ze goed gebruikt.
Ja niet gebruiken dus. Nee sorry, maar frames voor een header van een tabel? Als je even goed naar je layout kijkt kun je al onwijs veel doen met een tabel. Effe op papier zetten misschien.

oogjes open, snaveltjes dicht

Pagina: 1