Ich habe eineTabell mit 2 Spalten und jeder Spalte ist 800px breit. Ich möchte diese Tabelle im 800x50-Fenster anzeigen. Es sollte also eine horizontale und vertikale Bildlaufleiste geben, um die gesamte Tabelle anzuzeigen.

Während ich einige verwandte Lösungen gefunden habe Die undDie) auf SO funktionieren sie nur, wenn die Tabellenbreite kleiner als die Bildschirmgröße ist. In meinem Fall beträgt die Bildschirmgröße 1200px und die gesamte Tabellenbreite 1600px.

Wie könnte ich das machen? Ich möchte etwas erreichen wieDie.

BEARBEITE Hoppla, ich habe vergessen, eine weitere Anforderung hinzuzufügen. Es tut uns leid. Ich möchte, dass die Kopfzeile der Tabelle fest bleibt, während der Benutzer durch die Tabelle blättert.

EDIT2

Ich habe versucht, die unten genannten Lösungen in ein div zu packen, aber in diesem Fall wird die vertikale Bildlaufleiste nicht angezeigt. Bitte siehedieser Tisc mit Wrapper div. Es scheint, dass dieses Problem nur auftritt, wenn die Tabellenbreite größer als die Bildschirmgröße ist. Ich teste auf FF3.6.

EDIT3

StromTabell code. Dies hat keinen vertikalen Scroller, obwohl ich vertikal scrollen kann.

<div style="overflow:scroll; width:800px;height:50px" >
<table style="width:1600px" border="1">
  <thead>
    <tr>
        <th style="width:800px">id_1</th>
        <th style="width:800px">id_1</th>
    </tr>
  </thead>
  <tbody style="">
    <tr><td>1200</td><td>1200</td></tr>
    <tr><td>1200</td><td>1200</td></tr>
    <tr><td>1200</td><td>1200</td></tr>
    <tr><td>1200</td><td>1200</td></tr>
    <tr><td>1200</td><td>1200</td></tr>
    <tr><td>1200</td><td>1200</td></tr>
  </tbody>
</table>
</div>