html table fixed height?

Question

Tengo una tabla que muestra los registros de la base de datos de forma dinámica. Solo necesito corregir la altura de la tabla, de modo que la tabla tenga una ventana de desplazamiento hacia abajo dentro de la misma tabla si tiene una gran cantidad de filas. ¿Esto es para que el usuario no tenga que desplazarse por toda la página?

¿Es esto posible ...?

Gracias de antemano ...

Answer 1

Una solución a esto sería utilizar un -capa <div> que rodea el <table>, donde se utiliza el estilo-atributo con: overflow: auto; max-height: (whatever height you want here)

A modo de ejemplo:

<div id="mainHolder" style="overflow: auto; max-height: 400px;"> 
    <table> 
    ... Lots of data ... 
    </table> 
</div> 

Esto crearía una tabla que puede crecer en altura, pero estaría restringida en la capa div, y automáticamente obtendría barras de desplazamiento cuando el contenido crezca t Han 400px.

con jQuery también se puede hacer algo como esto:

<script type="text/javascript"> 
window.onresize = doResize; 

function doResize() { 
    var h = (typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight) - 20; 
    $('#mainHolder').css('max-height', h); 
    $('#mainHolder').css('height', h); 
}; 

$(document).ready(function() { doResize(); }); 
</script>