Hallo,
nach mehreren Stunden Suche habe ich leider kein passendes Beispiel im Internet gefunden. (Obwohl ich schonmal eins hatte, diesem aber keine beachtung geschenkt habe und nun nicht mehr finde
)
Vielleicht hat ja jemand von euch einen Link zu einem guten Beispiel.
Ich suche folgendes:
Es gibt Div in der eine Tabelle mit Thead und Tbody enthalten ist. Alternativ kann die Tabelle auch mit einem div, dass 2 divs enthält dargestellt werden.(ist mir eigentlich egal welche Version, ich denke 2teres wäre besser)
Die Tabelle enthält viele Zeilen, die Tabelle selbst soll nicht scrollbar sein, sondern das umgebende Div soll auf einer festen Größe den Div bewegen inder die Tabelle liegt.
Scrollt man nun den äußeren Div kann es ja sein, dass der Header verschwindet, dies soll aber nicht passieren und stattdessen, soll der Header am oberen Rand des äußersten Divs "kleben" bleiben.
Über css ist es definitiv nicht möglich, da ja nicht der Table gescrollt wird sondern das umgebende div.
Ich wäre sehr dankbar für eine konstruktive Antwort oder ein passendes Beispiel
Grüße
//Edit: Idee die ich atm verfolge ist dies: Wenn der BodyDiv das umgebende Div berührt:soll die position auf absolut gesetzt werden. Die würde meiner Meinung nach den gewünschten Effekt hervorrufen. Seht ihr bei der Idee ein Fehler? Wie Prüfe ich ob sich zwei divs berühren oder die selbe Position erreichen?
nach mehreren Stunden Suche habe ich leider kein passendes Beispiel im Internet gefunden. (Obwohl ich schonmal eins hatte, diesem aber keine beachtung geschenkt habe und nun nicht mehr finde
)Vielleicht hat ja jemand von euch einen Link zu einem guten Beispiel.
Ich suche folgendes:
Es gibt Div in der eine Tabelle mit Thead und Tbody enthalten ist. Alternativ kann die Tabelle auch mit einem div, dass 2 divs enthält dargestellt werden.(ist mir eigentlich egal welche Version, ich denke 2teres wäre besser)
Die Tabelle enthält viele Zeilen, die Tabelle selbst soll nicht scrollbar sein, sondern das umgebende Div soll auf einer festen Größe den Div bewegen inder die Tabelle liegt.
Scrollt man nun den äußeren Div kann es ja sein, dass der Header verschwindet, dies soll aber nicht passieren und stattdessen, soll der Header am oberen Rand des äußersten Divs "kleben" bleiben.
Über css ist es definitiv nicht möglich, da ja nicht der Table gescrollt wird sondern das umgebende div.
Ich wäre sehr dankbar für eine konstruktive Antwort oder ein passendes Beispiel
Grüße
//Edit: Idee die ich atm verfolge ist dies: Wenn der BodyDiv das umgebende Div berührt:soll die position auf absolut gesetzt werden. Die würde meiner Meinung nach den gewünschten Effekt hervorrufen. Seht ihr bei der Idee ein Fehler? Wie Prüfe ich ob sich zwei divs berühren oder die selbe Position erreichen?
Zuletzt bearbeitet:
