Skip Navigation Links
Novas Tecnologias
Ferramentas Adicionais
Ferramentas Adicionais


Dica No :
869
Assunto : ASP.NET
Titulo: Gridview com rolagem e título fixo

Gostou do texto ? Vote e dê sua opinião! Pontuação atual :

Translate this page now :






Adicione aos Favoritos!
BlogBlogs Rec6 Linkk Ueba Technorati Delicious DiggIt! StumbleUpon



Há algum tempo atrás publiquei uma dica sobre como fazer com que uma gridview seja limitada a um determinado espaço e possa ser exibida com barra de rolagem.

Vocês podem ver a dica em http://www.bufaloinfo.com.br/dicas.asp?cod=591

É bem simples, basta cercar a gridview com uma DIV :

<div style="height: 250px; overflow: auto;">
<asp:gridview runat="server" ...>
...
</asp:gridview>
</div>

Porém uma necessidade decorrente disso é que o título da gridview permaneça fixo, não role junto com os dados, do contrário ficaria difícil identificar os campos.

Um dos leitores deste site, Damon Abdiel, nos enviou uma dica muito legal sobre como fazer isso de uma forma extremamente simples, veja :

No head, criamos um style :

<style type="text/css">
<!--
.th {
position: relative
}
-->
</style>

Então aplicamos este estilo no header da gridview. Dentro da tag da gridview, localizamos a tag HeaderStyle e acrescentamos a classe CSS :

<HeaderStyle CssClass="th" />

Pronto, a gridview terá uma barra de rolagem, enquanto seu título ficará fixo no topo do espaço determinado.


Nome :
E-mail:
Comentarios :
 
 
Os Últimos Comentários
data: 1/31/2017 11:11:00 AM
nome: LfbIQKcwcT
email: derby451@hotmail.com
comentário:
iOVJz2 http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.com

data: 1/29/2017 8:28:00 AM
nome: gJKBhvhypgA
email: jogcbfn@hotmail.com
comentário:
2lsa0M http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.com

data: 1/29/2017 8:24:00 AM
nome: rAeVzfpDreayWoKdo
email: derby451@hotmail.com
comentário:
wqXM5l http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.com

data: 1/4/2017 10:12:00 PM
nome: BfZEcXCquvell
email: jfvynms4281rt@hotmail.com
comentário:
IuA7Eh http://www.FyLitCl7Pf7ojQdDUOLQOuaxTXbj5iNG.com

data: 10/14/2016 9:09:00 PM
nome: wAwdJnqQolqNUOMDOOH
email: jimos4581rzt@hotmail.com
comentário:
RRnLFC http://www.FyLitCl7Pf7kjQdDUOLQOuaxTXbj5iNG.com

 1  
Dicas
Dica do Dia
Receba Dicas Por Email
E-mail :  
 


 (help)
Aceito receber informativos do devASPNet, informações de eventos e treinamentos

Veja Quais Informativos Você Receberá

Pesquisar Dicas
Pesquisar Artigos, Dicas e Noticias

Banco de Dados
Algumas Entrevistas
Links Importantes

Búfalo Informática, Treinamento e Consultoria
R. Alvaro Alvim, 37/920 Centro - Cinelândia - Rio de Janeiro Cep: 20031-010
Tel : (21) 2262-1368 (21) 9240-5134 E-mail : Contato@bufaloinfo.com.br