Neste post ensinarei como inserir barra de rolagem em um GridView e também como fixar a posição do cabeçalho.
Para isso, basta executarmos três passos:
1 - Inserir a grid dentro de um DIV, habilitando sua rolagem e fixando uma altura (observe o style da DIV).
<div style="height: 150px; overflow: auto;">
<asp:GridView ID="GridView1" runat="server">
</asp:GridView>
</div>
Resultado:
GridView com barra de rolagem
2 - Codificar a tag <style> (CSS) da página, para fixar a posição do cabeçalho da grid.
<style type="text/css">
.th
{
position: relative;
}
</style>
3 - Imprementar o estilo na grid adicinando a tag "HeaderStyle".
<div style="height: 150px; overflow: auto;">
<asp:GridView ID="GridView1" runat="server">
<HeaderStyle CssClass="th" />
</asp:GridView>
</div>
Pronto, agora você tem sua grid com rolagem e cabeçalho fixo!
Se inscrever