<th> einer Tabelle soll beim Scrollen immer sichtbar bleiben
Enrico
- programmiertechnik
Hallo,
ich gebe in Tabellenform (html-Tabelle über Javascript erzeugt) die Daten meiner DVD-Verwaltung aus.
Gibt es Möglichkeiten, den Tabellenkopf ("<th>") beim Scrollen immer sichtbar anzuzeigen, so dass er
beim Scrollen nicht "weggescrollt" wird ?
Vielen Dank für Eure Unterstützung.
Gruß
Enrico
Gibt es Möglichkeiten, den Tabellenkopf ("<th>") beim Scrollen immer sichtbar anzuzeigen, so dass er
beim Scrollen nicht "weggescrollt" wird ?
beschäftige dich mit den elementen <http://de.selfhtml.org/html/tabellen/aufbau.htm#kopf_koerper_fuss@title=thead und tbody> sowie der css-eigenschaft http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow@title=overflow
Grüße,
beschäftige dich mit den elementen <http://de.selfhtml.org/html/tabellen/aufbau.htm#kopf_koerper_fuss@title=thead und tbody> sowie der css-eigenschaft http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow@title=overflow
meinst du, man könne die höhe von tbody begrenzen und overflow:scroll einsetzen?
irgendwie bin ich mir nciht sicher, ob tbody höhenangaben beachtet...
MFG
bleicher
irgendwie bin ich mir nciht sicher, ob tbody höhenangaben beachtet...
nur ein schneller versuch, firefox 2 stellt das etwa so da wie ich mir gedacht habe:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Titel</title>
<style type="text/css">
body { background: yellow; }
table {
width: 500px;
}
td, th {
border: 1px solid black;
padding: 0px;
margin: 0px;
}
thead {
overflow: auto;
}
tbody {
background: red;
height: 7em;
overflow: auto;
}
</style>
</head>
<table>
<thead>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
</thead>
<tbody>
<tr>
<td>foo</td>
<td>bar</td>
<td>baz</td>
</tr>
<tr>
<td>foo</td>
<td>bar</td>
<td>baz</td>
</tr>
<tr>
<td>foo</td>
<td>bar</td>
<td>baz</td>
</tr>
<tr>
<td>foo</td>
<td>bar</td>
<td>baz</td>
</tr>
<tr>
<td>foo</td>
<td>bar</td>
<td>baz</td>
</tr>
<tr>
<td>foo</td>
<td>bar</td>
<td>baz</td>
</tr>
<tr>
<td>foo</td>
<td>bar</td>
<td>baz</td>
</tr>
<tr>
<td>foo</td>
<td>bar</td>
<td>baz</td>
</tr>
<tr>
<td>foo</td>
<td>bar</td>
<td>baz</td>
</tr>
</tbody>
</table>
</body>
</html>
Grüße
nur ein schneller versuch, firefox 2 stellt das etwa so da wie ich mir gedacht habe:
opera 9.5 nicht. bzw - WIE soll das aussehen? screenhot vllt?
MFG
bleicher
opera 9.5 nicht. bzw - WIE soll das aussehen? screenhot vllt?
siehs dir im firefox 2 an ;)
Hallo,
opera 9.5 nicht. bzw - WIE soll das aussehen? screenhot vllt?
siehs dir im firefox 2 an ;)
Im 3er läuft's auch
mfg. Daniel
Hallo Enrico,
Gibt es Möglichkeiten, den Tabellenkopf ("<th>") beim Scrollen immer sichtbar anzuzeigen, so dass er
beim Scrollen nicht "weggescrollt" wird ?
browserübergreifend geht das leider nicht ohne Frames oder ohne dass man aus dem Tabellenkopf eine und aus dem Tabellenkörper eine andere Tabelle macht.
http://aktuell.de.selfhtml.org/artikel/javascript/scrolltabelle/
Gruß Gernot
Hallo.
browserübergreifend geht das leider nicht ohne Frames oder ohne dass man aus dem Tabellenkopf eine und aus dem Tabellenkörper eine andere Tabelle macht.
Es ist wirklich erstaunlich, wie du mmer wieder in Threads zu deinem Lieblingsthema kurz auftauchst, um dann wieder zu verschwinden. Aber das funktioniert zumindest besser als E-Mails. Hast du meine nicht bekommen oder sie nur keiner Antwort würdig befunden?
MfG, at