2010-05-24 2 views
8

Ich möchte eine Höhe für meine HTML-Tabelle in der Webseite zu fixieren und wenn es die Höhe automatisch übergeben eine vertikale Scroll-Leiste angezeigt wird.vertikale Scroll-Leiste für eine Tabelle mit HTML

bitte helfen.

+2

Sie sollten wahrscheinlich klären, ob die Kopf- und/oder Fußzeilenzellen der Tabelle fixiert bleiben sollen, während der Rest scrollbar ist oder nicht. Sie zu reparieren ist die häufigere Anfrage, aber wesentlich kniffliger. – reisio

Antwort

24

Es ist nicht die Tabelle, die scrollt, es ist das div dahinter.

<div style="height:200px; overflow-y: scroll;"> 
    <table> 
    .... 
    </table> 
</div> 

Verwendung overflow-y, wenn Sie nur eine vertikale Bildlaufleiste und overflow, wenn Sie sowohl eine vertikale und horizontale wollen.

Hinweis: Wenn Sie ein Überlaufattribut für den Bildlauf festlegen, werden immer die Bildlaufleisten angezeigt. Wenn Sie möchten, dass die horizontalen/vertikalen Bildlaufleisten nur bei Bedarf angezeigt werden, verwenden Sie auto.

+0

Wofür ist das div? Warum scrollst du nicht einfach den Tisch? – ANeves

+0

+1 für eine vollständigere Antwort als meine. – Tejs

6

Sie würden wollen innerhalb eines div den Tisch legen, wie so:

<div style="height: 400px; overflow: auto;"> 
    <!-- Html Elements --!> 
</div> 

Alles, was innerhalb dieses div, wenn es über 400px in Höhe geht, wird überlaufen und ein Scrollbalken wird angezeigt.

+0

Wofür ist das div? Warum scrollst du nicht einfach den Tisch? – ANeves

Verwandte Themen