Para empezar, este ejemplo se puede utilizar también con PHP, ya que el código necesario es solamente CSS. Estaba probando la posibilidad de generar un GridView en ASP .Net (el cual se compila en el servidor y devuelve una tabla de HTML en la página web) que tuviera la cacecera fija, es decir, mientras hago el desplazamiento con la barra derecha la cabecera se mantenga fija, mas o menos como se muestra en la siguiente imágen:

GridView con cabecera estática

Pues bien la solución no es muy complicada, basta con definir mi GridView (o mi tabla de PHP) dentro de una etiqueta DIV, la cual contendrá la barra de desplazamiento, luego basta con definir con definir la siguiente etiqueta: <HeaderStyle CssClass=”cabecera” /> para indicar que “cabecera” será la clase de CSS que utilizaré.

Al compilar la página, la cabecera se convierte en una etiqueta tr de HTML, así si usas PHP u otro lenguaje puedes definir esta clase en dicha etiqueta.

El único problema con esta técnica es que solo funciona con Internet Explorer, en Firefox no he podido obtener el resultado… algún adicto a las CSS y Firefox que quiera colaborar con este ejemplo!?

Descargar Ejemplo: GridView con cabecera fija.

Espero que les sea de utilidad.

Saludos.