Как добавить горизонтальную полосу прокрутки к таблице в div?

Question

Как добавить горизонтальную полосу прокрутки к таблице, находящейся внутри div? Есть ли для этого решение CSS?

Answer 1

Вы не сможете добавить панель прокрутки к таблице, но вы можете добавить ее в DIV, содержащий вашу таблицу.

Например:

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

Answer 2

Попробуйте:

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

Answer 3

Чтобы добавить переполнение использовать полосы прокрутки:

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

Вы должны добавить ширину таблицы тоже:

table { 
    width: 300px; 
} 

http://jsfiddle.net/tpDGE/

Answer 4

Если вы хотите, чтобы горизонтальная полоса прокрутки использовала overflow-x: auto; затем установите ширину.

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