Ng-table: ¿Cómo mostrar la barra de desplazamiento horizontal cuando se necesita mostrar muchas columnas en una tabla?

Creado en 28 nov. 2015  ·  4Comentarios  ·  Fuente: esvit/ng-table

qq 20151128203444
La página muestra la barra de desplazamiento, pero no en la tabla.

Comentario más útil

necesitas rodear la mesa con div, digamos
<div id="container"><!--table here--></div>

En css, aplique el siguiente estilo al contenedor div
#container{white-space:nowrap; overflow: hidden;}

luego aplique el siguiente estilo a su tabla
.table{display:block;overflow-x:scroll;}

Esto agregará una barra de desplazamiento horizontal justo debajo de la tabla y antes del div del buscapersonas.

Todos 4 comentarios

Crea un contenedor encima de él.
<div id="container"> <!--your table --> </div>
Y usando css hacer:
#container { width:100%; overflow: auto }

@AmitMY ocultará el localizador

+1,necesita un contenedor para el elemento de mesa

necesitas rodear la mesa con div, digamos
<div id="container"><!--table here--></div>

En css, aplique el siguiente estilo al contenedor div
#container{white-space:nowrap; overflow: hidden;}

luego aplique el siguiente estilo a su tabla
.table{display:block;overflow-x:scroll;}

Esto agregará una barra de desplazamiento horizontal justo debajo de la tabla y antes del div del buscapersonas.

¿Fue útil esta página
0 / 5 - 0 calificaciones

Temas relacionados

yujiayinshi picture yujiayinshi  ·  8Comentarios

Nagendra1402 picture Nagendra1402  ·  3Comentarios

jlebleu picture jlebleu  ·  3Comentarios

alienriquebm picture alienriquebm  ·  6Comentarios

esvit picture esvit  ·  37Comentarios