Quiero agregar una barra de desplazamiento vertical y horizontal a la tabla con un encabezado fijo. Al usar las etiquetas thead
y tbody
pude agregar la barra de desplazamiento en Firefox, pero IE no admite overflow:auto property
en tbody
. IE8 no es compatible con expresiones CSS así que ¿puedes decirme cómo lograr esto?Agregar barra de desplazamiento a la tabla
Respuesta
Pruebe su solución original usando overflow:scroll
. Es posible que también deba establecer una altura fija en px
del tbody
.
Si tiene overflow
conjunto de auto
la tbody se acaba de mostrar el desbordamiento, es necesario indicar explícitamente overflow: scroll
y tienen una altura fija para el <tbody>
.
No puedo configurar la altura fija para el tbody. Los registros pueden aumentar. – Shruti
La altura fija determina cuántos registros se mostrarán en la pantalla y luego se mostrará el "desbordamiento" con una barra de desplazamiento. – bryceroney
Al dar la altura también eso no me funciona en IE. – Shruti
Proporcionando una altura fija que tampoco funciona en IE. La altura se está aplicando a tr
que di a tbody
.
Usar CSS para la tarea requerida:
#tableID { overflow: scroll; }
HTML:
<table id="tableID">
...
</table>
Sobre la visita coloración este enlace http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/scrollbarColor.htm
el enlace que especificó ya no es válido. Por favor proporcione un enlace válido. –
con CSS debería ser fácil
div.scrollWrapper{
height:250px;
width:200px;
overflow:scroll;
}
<div class="scrollWrapper">
<table >
<tbody height="xxx">
<tr>......
</tbody>
</table>
</div>
- 1. Agregar barra de desplazamiento a JList
- 2. Animate.CSS ¿Agregar barra de desplazamiento?
- 3. Agregar una barra de desplazamiento al WrapPanel
- 4. ¿Cómo agregar la barra de desplazamiento al diseño relativo?
- 5. Barra de desplazamiento del panel de diseño de tabla
- 6. barra de desplazamiento vertical para una tabla usando html
- 7. Agregar imagen a la barra de navegación
- 8. Agregar barra de desplazamiento en las opciones del menú desplegable
- 9. ¿Cómo agrego una barra de desplazamiento horizontal a una tabla en un div?
- 10. jqGrid barra de desplazamiento horizontal
- 11. Barra de desplazamiento Textarea
- 12. Cómo agregar una barra de desplazamiento a la ventana en C#
- 13. Desplazamiento de la barra de desplazamiento del navegador
- 14. ¿Agregar desplazamiento vertical a un JPopupMenu?
- 15. Cómo mostrar siempre la barra de desplazamiento
- 16. DIV Barra de desplazamiento vertical a la izquierda
- 17. JScrollPane con barra de desplazamiento a la izquierda
- 18. Establecer grosor de la barra de desplazamiento
- 19. Deshabilitar la barra de desplazamiento del navegador
- 20. Ocultar la barra de desplazamiento en WebView
- 21. Aumentar autocompletar la barra de desplazamiento tamaño
- 22. Configurar una posición de la barra de desplazamiento
- 23. Barra de desplazamiento personalizada UITableView
- 24. Barra de desplazamiento horizontal innecesaria jqGrid
- 25. Eliminar la barra de desplazamiento vertical, mantener la barra de desplazamiento horizontal en el iframe en Chrome
- 26. Internet Explorer crea barra de desplazamiento horizontal para el ancho de barra de desplazamiento vertical
- 27. PrimeFaces barra de desplazamiento de datos en la posición deseada
- 28. Cuadrícula/Visor de desplazamiento- Congelar desplazamiento de la fila de encabezado de la tabla vertical, pero no desplazamiento horizontal
- 29. Agregar botón a la barra de título de la ventana
- 30. Barra de desplazamiento vertical UL o DIV
desbordamiento desplazamiento debería funcionar –