Mi Código Abierto

Anteriormente había escrito un articulo sobre como mantener el encabezado fijo en el un tabla html con css; ahora he encontrado un plugin de jquery que permite hacerlo de forma mas facil: 1. Se descarga de:  http://www.tablefixedheader.com/download/ 2. Se vincula en la pagina donde esta la tabla que vas a fijar el encabezado: <script src="/js/jquery.fixheadertable.min.js" type="text/javascript"></script> 3.  Se llama al plugin con los siguientes parametros: $('#miTabla').fixheadertable({ caption : 'Titulo de la tabla', colratio     : [80, 90, 90, 90], // medidas del ancho de cada columna resizeCol         : true,  // se puede cambiar el tamaño de la columna minColWidth : 80 , height   : 400, showhide       : true // esto es para ocultar o mostrar los datos con un clic }); A petición de un lector: < table id = " miTabla " > ...

Actualizacion.... evitense todo esto con: http://www.tablefixedheader.com/ Se me presento un problema en el trabajo, tenia una tabla con muchos registros, pero no queria usar paginacion, ademas de esto sobre los 20 registros ya no me acordaba que significaba cada columna porque el encabezado se perdia; asi que me di en la tarea de buscar como mantener el encabezado fijo de una tabla html y el contenido movil, algo asi como esto:  http://www.cssplay.co.uk/menu/tablescroll.html  el truco esta en jugar con los tbody, thead, div y css La receta es: 1. Crea el encabezado en una tabla, tienes que usar la recomendacion html stric, es decir algo como: <table class="tabla_encabezado" border="1"> <caption>Titulo de mi tabla</caption> <thead> <tr> <th class="th1"> Columna 1</th> <th class="th2"> Columna 2 </th> <th class="th3"> Columna 3...