Ene 27
Esta idea es autoría de mi amigo Oscar y me sugirió que la publicará en el blog. Nos vimos con la necesidad de en vez de paginar los gridview extender su tamaño usando scrollbars, al implementarlo nos pidieron que cuando bajasemos a través del scrollbar el header del GridView se mantuviese y alli comenzó la dificultad.
La forma tradicional de recrear la situación sin tener aun el Header del GridView estatico sería tal como sigue:
Colocamos un panel que contenga el gridview, establecemos un tamaño definido para el panel y asi aparecerá el scrollbar. Pero seguimos con el problema que nuestro header se sigue moviendo en conjunto con la grilla y no se mantiene fijo. Y como hacemos que el Header del GridView se mantenga fija cuando bajamos a través del ScrollBar. La solución la tiene nuestro amigo CSS con una simple línea de codigo obtendremos el efecto deseado.
Agregamos esta linea a nuestro archivo css y los asociamos al panel en su propiedad CssClass.
<asp:Panel id=”pnlGridView” CssClass=”headerFlotante” … /> y obtendremos nuestro resultado que es un Header fijo mientras movemos el Scrollbar.
Les adjunto el codigo si lo quieren revisar con más calma.
Espero que les sirva.
Saludos.
24 Marzo 2010 a las 13:24
He tratado de bajar el ejemplo y Rapidshare da la siguiente respuesta. Es mucho pedirte que subas el ejemplo otra vez o que me lo envíes por correo a monirubio@hotmail.com? Gracias
Error
This file is neither allocated to a Premium Account, or a Collector’s Account, and can therefore only be downloaded 10 times.
This limit is reached.
To download this file, the uploader either needs to transfer this file into his/her Collector’s Account, or upload the file again. The file can later be moved to a Collector’s Account. The uploader just needs to click the delete link of the file to get further information.
26 Marzo 2010 a las 14:03
Gracias monica por el comentario.
Link actualizado.
30 Marzo 2010 a las 16:50
Gracias Leo, muy buen Post, le vamos tomando la mano al CSS…
19 Mayo 2010 a las 11:06
Parece bueno, pero no se puede leer el codigo, ni descargar el archivo
19 Mayo 2010 a las 12:47
Gracias William por el comentario…
arreglado todas tus sugerencias.
14 Junio 2010 a las 12:25
He probado el código, pero no funciona.
El ejemplo HeaderGridView, no lo puedo descargar u.u
28 Junio 2010 a las 20:33
no funciona
6 Agosto 2010 a las 17:04
Estimado no funciona cuando tienes habilitado scrollbar horizontal y vertical para una grilla de mayor tamaño.
Favor avisar a mi correo cuando lo corrigan lo necesito.
Gracias de antemano.
17 Agosto 2010 a las 17:43
Hola!!.
El codigo no baja…
Podrian arreglarlo profavor?…
Y.. trate de usar la parte que se ve en las imagenes, pero , entiendo que me falta el archivo de css.. lo punedes poner?..