Sea Of Sin | Coding Lounge | (X)HTML Tabellenkopf festhalten und Body scrollen

Styles

Mitglieder: 1.423 Themen: 13.477 Beiträge: 84.517 Registrierung Passwort vergessen	Benutzername: Passwort:

Zur Zeit sind 199 Benutzer online.

	Profil (Einstellungen)
	PN-Box

	Profil bearbeiten
	Passwort ändern
	Einstellungen editieren
	Signatur editieren
	Avatare

	seaofsin.de

Gast login registrieren

Sea Of Sin » sos.PC Ecke » Coding Lounge » (X)HTML Tabellenkopf festhalten und Body scrollen

» Hallo Gast [Anmelden|Registrieren]

Letzter Beitrag | Erster ungelesener Beitrag

Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen

Tabellenkopf festhalten und Body scrollen

Autor

Beitrag

« Vorheriges Thema | Nächstes Thema »

darph
Moddingfreak

Nehmen Sie darph in Ihre Freundesliste auf

Tabellenkopf festhalten und Body scrollen

Hi,

ich hab ein Problem weis aber nicht ob es mit html lösbar ist, ich möchte eine Tabelle so gestallten das der Kopf also die th elemente feststehen und der rest der Tabelle scrollbar ist also eigentlich wie in Excel wenn ich eine Spalte fixiere.

Ich habe es schon versucht mit

php:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:

<table>
<tr><th>Test</th></tr>
<tbody style="overflow:auto;overflow-y:auto;overflow-x:auto;">
<tr><td> ein Test</td></tr>
<tr><td> ein Test</td></tr>
<tr><td> ein Test</td></tr>
<tr><td> ein Test</td></tr>
<tr><td> ein Test</td></tr>
<tr><td> ein Test</td></tr>
<tr><td> ein Test</td></tr>
<tr><td> ein Test</td></tr>
<tr><td> ein Test</td></tr>
<tr><td> ein Test</td></tr>
</tbody>
</table>

ohne Erfolg, geht das überhaupt und wenn ja wie smile

so long

darph

__________________

25.05.2010 16:31 Member Info

Dabei seit: 09.10.2002
Beiträge: 6.418
Herkunft: Todesplanet

Level: 59 [?]
Erfahrungspunkte: 43.422.630
Nächster Level: 47.989.448

Zitatantwort auf diesen Beitrag erstellen

Passende Artikel auf www.ebay.de

Info: Dieser Beitrag wird automatisch generiert und enthält Werbe Anzeigen.
Diese Anzeige wird für Registrierte user ausgeblendet.

henbug
De Henne

Nehmen Sie henbug in Ihre Freundesliste auf

ja aber nicht mit einer tabelle
nimm 2 tabellen für

__________________
The world is a mess and I need to rule it

The Hula Song (/^-^)/ \(^-^\) \(^-^)/

25.05.2010 16:50 Member Info

Dabei seit: 22.05.2002
Beiträge: 10.862
Herkunft: Klendathu

Level: 63 [?]
Erfahrungspunkte: 75.001.674
Nächster Level: 86.547.382

darph
Moddingfreak

hm hab nun das ganze etwas umgebogen und funktioniert auch in einer Tabelle mit 2 hab ich das Problem das die spalten nicht zusammen passen.

aber leider mag der IE das ganze mal wieder nicht unglücklich

so wäre die Lösung für Firefox

php:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:

<table>
<thead>
<tr><th>Test</th></tr>
</thead>
<tbody style="overflow:auto;overflow-y:auto;overflow-x:auto; height:50px;">
<tr><td> ein Test</td></tr>
<tr><td> ein Test</td></tr>
<tr><td> ein Test</td></tr>
<tr><td> ein Test</td></tr>
<tr><td> ein Test</td></tr>
<tr><td> ein Test</td></tr>
<tr><td> ein Test</td></tr>
<tr><td> ein Test</td></tr>
<tr><td> ein Test</td></tr>
<tr><td> ein Test</td></tr>
</tbody>
</table>

ziemlich blöder IE mal wieder unglücklich

__________________

26.05.2010 13:47 Member Info

Dabei seit: 09.10.2002
Beiträge: 6.418
Herkunft: Todesplanet

Level: 59 [?]
Erfahrungspunkte: 43.422.630
Nächster Level: 47.989.448

henbug
De Henne

ich sag nicht umsonst 2 Tabellen ;-)

Nimm 2 Tabellen und setz die Breiten für die einzelnen Zellen halt fest.
Kannst ja auch % Angaben machen. Mach am Besten ne CSS Klasse für eine Tabelle und setz die auf beide Tabellen... dann duts :-)

__________________
The world is a mess and I need to rule it

The Hula Song (/^-^)/ \(^-^\) \(^-^)/

26.05.2010 13:59 Member Info

Dabei seit: 22.05.2002
Beiträge: 10.862
Herkunft: Klendathu

Level: 63 [?]
Erfahrungspunkte: 75.001.674
Nächster Level: 86.547.382

Dava
Eatius Birdius

Nehmen Sie Dava in Ihre Freundesliste auf

Auch wenn der Thread hier ewig alt ist großes Grinsen

ich hab mal in meinen Backups nachgeschaut (da ich genau das auch mal benutzt habe)

CSS

code:
1: 2: 3: 4: 5: 6: 7: 8:	#viewer { width: 700px; height: 350px; overflow: auto; padding: 0; overflow-x: hidden; border-bottom: 1px solid #000000; }

HTML

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:

<table width="700px" style="text-align: center; margin-bottom: 0px;" cellspacing="1">
	<tr>	
		<th>Spalte1</th>
		<th>Spalte2</th>
		<th>Spalte3</th>
	</tr>
</table>
<div id="viewer">
	<table width="700px" style="text-align: center; margin-top: 0px; margin-left: 0px;" cellspacing="1">
		<tr>
			<td>Eintrag1</td>
			<td>Eintrag2</td>
			<td>Eintrag3</td>
		</tr>
	</table>
</div>

Du solltest aber die Breiten der th's und td's von vornherein festsetzen, damit die Einträge auch wirklich untereinander sind.

Das ganze hab ich aus einem 3 Jahre altem Projekt gezogen :x Habs jetzt auch nicht getestet. Eventuell musst du einiges anpassen, aber genau so hab ich das damals benutzt.

13.04.2011 07:24 Member Info

Dabei seit: 26.02.2008
Beiträge: 272
Herkunft: Coburg (Bayern)

Level: 38 [?]
Erfahrungspunkte: 1.305.327
Nächster Level: 1.460.206

Baumstruktur | Brettstruktur

Gehe zu:

Sea Of Sin » sos.PC Ecke » Coding Lounge » (X)HTML Tabellenkopf festhalten und Body scrollen