GridView con cabecera estática
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:
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.
muchas gracias por tu aportación, resulta mucho más sencilla y es más eficaz que muchas otras publicadas en la red, gracias de nuevo.
lo probe pero la cabecera tambien se desplaza hace arriba cuando se mueve el scroll, no como en la imagen.
lo probe en iexplore 8 corriendo sobre windows 7
Lo he probado con vs2008 en IE8 WinXP
y no funcionó.
Gracias por el intento.
sldos.
Claro que funciona