2009-08-24 22 views
7

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

+0

desbordamiento desplazamiento debería funcionar –

Respuesta

0

Pruebe su solución original usando overflow:scroll. Es posible que también deba establecer una altura fija en px del tbody.

0

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>.

+0

No puedo configurar la altura fija para el tbody. Los registros pueden aumentar. – Shruti

+0

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

+0

Al dar la altura también eso no me funciona en IE. – Shruti

4

Proporcionando una altura fija que tampoco funciona en IE. La altura se está aplicando a tr que di a tbody.

8

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> 
Cuestiones relacionadas