encabezado de congelación en una tabla en html

Aquí, tengo una tabla, quiero arreglar ese encabezado mientras se desplaza

JS

 $('#scroll').scroll(function(){ if ($('#scroll').scrollTop() > 10){ $("thead").css({ position: 'fixed', top: '68px' }); }else{ $('thead').css({ position: 'static' }); } });  

Esto funciona perfectamente, pero el diseño está cambiando.

DEMO EN VIVO

Podría alguien ayudarme.

Gracias por adelantado.

EDITAR

Violín

Puede usar el complemento de tablas de datos con diferentes tipos de tablas ( tabla de encabezado fijo, ejemplo )

Obtuve la solución para el encabezado fijo, utilicé http://fixedheadertable.com/ .

Gracias por tu apoyo

Position: fixed ignorará todas las demás marcas en la página y posicionará su elemento relativo a la ventana del navegador. Independientemente del marcado, creo que querrá usar position: absolute y apply position: relative al elemento contenedor de la tabla.

ejemplo: http://jsfiddle.net/QxW6v/1/

   

Use esto, está cambiando la posición del encabezado a fijo mientras se desplaza, lo que está causando el problema

    Intereting Posts