¿Cómo agrego una barra de desplazamiento horizontal a una tabla en un div?

Question

¿Cómo puedo agregar una barra de desplazamiento horizontal a una tabla que está dentro de un div? ¿Hay una solución de CSS para esto?

Answer 1

No podrá agregar una barra de desplazamiento a una tabla, pero puede agregarla a una DIV que contenga su tabla.

Por ejemplo:

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

Answer 2

Práctica:

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

Answer 3

Para añadir el uso de la barra de desplazamiento de desbordamiento:

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

Hay que añadir anchura a la mesa también:

table { 
    width: 300px; 
} 

http://jsfiddle.net/tpDGE/

Answer 4

Si solo quiere una barra de desplazamiento horizontal, use overflow-x: auto; luego establece el ancho

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