Existen numerosas librerías en Internet que te permiten fijar la cabecera, pero decidimos crear una simple para nuestros reportes que cumpla con una sola tarea que es la de fijar cabeceras agregándole una clase.
La solución consiste en.
1. Dar la correcta estructura a tu tabla, agregando la clase “fixed”
1 2 3 4 5 6 | <table class="fixed"> <caption></caption> (Opcional) <thead></thead> <tbody></tbody> <tfoot></tfoot> </table> |
2. Agregar la librería en tu <head> o tu <footer> como le tengas gusto. Siempre ponerlo después de llamar al jquery 1.7.x o superior.
1 | <script src="goheadfixed.js" type="text/javascript"></script> |
3. Llamar a la funcion.
1 | $(document).ready(function() { goheadfixed('table.fixed'); }); |
En conclusión: son 2 tablas una encima de la otra.
Descarga la función: Descargar
Miralo online : http://jsfiddle.net/gonzalesc/USbUG/
Suscribete y tendrás los más recientes posts en tu email