Jak dodać poziomy pasek przewijania do tabeli w dziale?

Question

Jak dodać poziomy pasek przewijania do tabeli znajdującej się wewnątrz elementu div? Czy istnieje rozwiązanie CSS?

Answer 1

Nie można dodać paska przewijania do tabeli, ale można go dodać do DIV zawierającego tabelę.

Na przykład:

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

Answer 2

Spróbuj:

div { 
    display: block; 
    height: 200px; 
    overflow: scroll; 
} 

Answer 3

Aby dodać wykorzystaniem przewijania przepełnienie:

div { 
    width: 100px; 
    overflow: auto; 
} 

trzeba dodać szerokość do stołu TOO:

table { 
    width: 300px; 
} 

http://jsfiddle.net/tpDGE/

Answer 4

Jeśli chcesz tylko poziomego paska przewijania, użyj overflow-x: auto; następnie ustaw szerokość.

div 
{ 
width: 300px; 
overflow-x:auto; 
overflow-y:hidden; 
}