Hallo,
ich würde gerne die folgende Tabelle realisieren:
Die gesamte Tabelle soll horizontal beweglich sein, der Header soll beim vertikalen scrollen stehen bleiben und die vertikale Scrollbar soll immer sichtbar sein und nicht erst wenn ich mit der horizontalen ganz rechts bin.
Im Internet Explorer funktioniert das ganze mit folgendem Code:
Der Code wurde von http://rcs-comp.com/blog/scrolling_table/ als Grundlage genommen.
Unter FF 2.0 funktioniert das ganze leider gar nicht und ich habe auch keine Lösung im Internet gefunden.
Vielleicht hat ja jemand von euch eine Idee.
Grüße und Danke
ich würde gerne die folgende Tabelle realisieren:
Die gesamte Tabelle soll horizontal beweglich sein, der Header soll beim vertikalen scrollen stehen bleiben und die vertikale Scrollbar soll immer sichtbar sein und nicht erst wenn ich mit der horizontalen ganz rechts bin.
Im Internet Explorer funktioniert das ganze mit folgendem Code:
Code:
<!-- This comment keeps IE6/7 in the reliable quirks mode -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
div.tableContainer
{
width: 150px;
height: 295px;
overflow: auto;
margin: 0 auto;
}
thead tr
{
position: relative;
top: expression(offsetParent.scrollTop);
}
thead td, thead th
{
background-color: oldlace;
}
</style>
</head>
<body>
<div class="tableContainer">
<table cellspacing="0">
<thead>
<tr>
<td width="18%">
Station
</td>
<td width="38%">
Date
</td>
<td width="28%">
Status
</td>
<td width="16%">
Num.
</td>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="5">
Table footer repeats on print
</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>
KABC
</td>
<td>
09/12/2002
</td>
<td>
Submitted
</td>
<td>
0
</td>
</tr>
<tr>
<td>
KCBS
</td>
<td>
09/11/2002
</td>
<td>
Lockdown
</td>
<td>
2
</td>
</tr>
<tr>
<td>
WFLA
</td>
<td>
09/11/2002
</td>
<td>
Submitted
</td>
<td>
1
</td>
</tr>
<tr>
<td>
WTSP
</td>
<td>
09/15/2002
</td>
<td>
In-Progress
</td>
<td>
10
</td>
</tr>
<tr>
<td>
WROC
</td>
<td>
10/11/2002
</td>
<td>
Submitted
</td>
<td>
12
</td>
</tr>
<tr>
<td>
WPPP
</td>
<td>
09/16/2002
</td>
<td>
In-Progress
</td>
<td>
0
</td>
</tr>
<tr>
<td>
WRRR
</td>
<td>
09/06/2002
</td>
<td>
Submitted
</td>
<td>
5
</td>
</tr>
<tr>
<td>
WTTT
</td>
<td>
09/21/2002
</td>
<td>
In-Progress
</td>
<td>
0
</td>
</tr>
<tr>
<td>
W000
</td>
<td>
11/11/2002
</td>
<td>
Submitted
</td>
<td>
7
</td>
</tr>
<tr>
<td>
KABC
</td>
<td>
10/01/2002
</td>
<td>
Submitted
</td>
<td>
10
</td>
</tr>
<tr>
<td>
KCBS
</td>
<td>
10/18/2002
</td>
<td>
Lockdown
</td>
<td>
2
</td>
</tr>
<tr>
<td>
WFLA
</td>
<td>
10/18/2002
</td>
<td>
Submitted
</td>
<td>
1
</td>
</tr>
<tr>
<td>
WTSP
</td>
<td>
10/19/2002
</td>
<td>
In-Progress
</td>
<td>
0
</td>
</tr>
<tr>
<td>
WROC
</td>
<td>
07/18/2002
</td>
<td>
Submitted
</td>
<td>
2
</td>
</tr>
<tr>
<td>
WPPP
</td>
<td>
10/28/2002
</td>
<td>
In-Progress
</td>
<td>
10
</td>
</tr>
<tr>
<td>
WRRR
</td>
<td>
10/28/2002
</td>
<td>
Submitted
</td>
<td>
5
</td>
</tr>
<tr>
<td>
WTTT
</td>
<td>
10/08/2002
</td>
<td>
In-Progress
</td>
<td>
0
</td>
</tr>
<tr>
<td>
WIL0
</td>
<td>
10/18/2001
</td>
<td>
Submitted
</td>
<td>
7
</td>
</tr>
<tr>
<td>
KABC
</td>
<td>
04/18/2002
</td>
<td>
Submitted
</td>
<td>
0
</td>
</tr>
<tr>
<td>
KCBS
</td>
<td>
10/05/2001
</td>
<td>
Lockdown
</td>
<td>
2
</td>
</tr>
<tr>
<td>
WFLA
</td>
<td>
10/18/2002
</td>
<td>
Submitted
</td>
<td>
1
</td>
</tr>
<tr>
<td>
WTSP
</td>
<td>
10/19/2002
</td>
<td>
In-Progress
</td>
<td>
0
</td>
</tr>
<tr>
<td>
WROC
</td>
<td>
12/18/2002
</td>
<td>
Submitted
</td>
<td>
2
</td>
</tr>
<tr>
<td>
KLTR
</td>
<td>
02/10/2003
</td>
<td>
Submitted
</td>
<td>
7
</td>
</tr>
<tr>
<td>
KABC
</td>
<td>
04/05/2003
</td>
<td>
Submitted
</td>
<td>
16
</td>
</tr>
<tr>
<td>
KCBS
</td>
<td>
02/19/2003
</td>
<td>
Lockdown
</td>
<td>
2
</td>
</tr>
<tr>
<td>
WFLA
</td>
<td>
02/16/2003
</td>
<td>
Submitted
</td>
<td>
1
</td>
</tr>
<tr>
<td>
WTSP
</td>
<td>
02/13/2003
</td>
<td>
In-Progress
</td>
<td>
5
</td>
</tr>
<tr>
<td>
WROC
</td>
<td>
02/14/2003
</td>
<td>
Submitted
</td>
<td>
2
</td>
</tr>
<tr>
<td>
WPPP
</td>
<td>
03/19/2003
</td>
<td>
In-Progress
</td>
<td>
0
</td>
</tr>
<tr>
<td>
WRRR
</td>
<td>
02/19/2002
</td>
<td>
Submitted
</td>
<td>
5
</td>
</tr>
<tr>
<td>
WTTT
</td>
<td>
02/19/2002
</td>
<td>
In-Progress
</td>
<td>
0
</td>
</tr>
<tr>
<td>
WYYD
</td>
<td>
02/11/2002
</td>
<td>
Submitted
</td>
<td>
7
</td>
</tr>
<tr>
<td>
KABC
</td>
<td>
02/19/2002
</td>
<td>
Submitted
</td>
<td>
11
</td>
</tr>
<tr>
<td>
KCBS
</td>
<td>
02/19/2002
</td>
<td>
Lockdown
</td>
<td>
12
</td>
</tr>
<tr>
<td>
WFLA
</td>
<td>
05/19/2002
</td>
<td>
Submitted
</td>
<td>
1
</td>
</tr>
<tr>
<td>
WTSP
</td>
<td>
02/20/2002
</td>
<td>
In-Progress
</td>
<td>
0
</td>
</tr>
<tr>
<td>
WROC
</td>
<td>
05/20/2002
</td>
<td>
Submitted
</td>
<td>
2
</td>
</tr>
<tr>
<td>
WPPP
</td>
<td>
02/19/2003
</td>
<td>
In-Progress
</td>
<td>
13
</td>
</tr>
<tr>
<td>
WRRR
</td>
<td>
02/19/2002
</td>
<td>
Submitted
</td>
<td>
5
</td>
</tr>
</tbody>
</table>
</div
</body>
</html>Der Code wurde von http://rcs-comp.com/blog/scrolling_table/ als Grundlage genommen.
Unter FF 2.0 funktioniert das ganze leider gar nicht und ich habe auch keine Lösung im Internet gefunden.
Vielleicht hat ja jemand von euch eine Idee.
Grüße und Danke
