locked
Formatação de Gridview RRS feed

  • Pergunta

  •    Galera, gostaria do apoio de vocês. Eu tenho um gridview muito simples:
                         <asp:DataGrid ID="Grid" runat="server" AutoGenerateColumns = "False" OnSelectedIndexChanged="Grid_SelectedIndexChanged" >
                               
    
                             <Columns>
                                 <asp:BoundColumn DataField="EMPRESA" HeaderText="Empresa" />
                                 <asp:BoundColumn DataField="CNPJ" HeaderText="CNPJ" />
                                 <asp:BoundColumn DataField="CEP" HeaderText="CEP" />
                                 <asp:BoundColumn DataField="endereco" HeaderText="Endereço" />
                                 
                             </Columns>
     
                         </asp:DataGrid>
     Como podem ver, só tem o "osso". Eu preciso criar uma formatação para eles, mas to com dificuldade em mesclar o CSS para zebrar as linhas e formatar o HEAD. Queria fazer por CSS, para fins de aprendizado mesmo. Podem me ajudar com um exemplo? E também gostaria de criar um método Onmouse, quando o mouse passar sobre a linha, ela fique de outra cor, e um Onclick, que quando a linha seja "Clicada", abra uma janela modal... Poderiam me auxiliar nesta jornada?
    quarta-feira, 17 de dezembro de 2014 00:56

Respostas

  • Veja se essa Thread te ajuda

    https://social.msdn.microsoft.com/Forums/pt-BR/9c9e1790-a99e-40f0-bb64-0ed8b8d8051a/css-num-gridview-zebrado?forum=aspnetpt

    Tem esse exemplo também:

    protected void gdvCurso_RowDataBound(object sender,
    GridViewRowEventArgs e)
    {          
      if((e.Row.RowType != DataControlRowType.Footer) && (e.Row.RowType != DataControlRowType.Header) && (e.Row.RowType != DataControlRowType.Pager))           
         {
             e.Row.Attributes.Add("onmouseover","this.style.backgroundColor='#EF8828';");
                   
           if (e.Row.RowState == DataControlRowState.Normal)               
               {
                 e.Row.Attributes.Add("onmouseout","this.style.backgroundColor='#F7F7F7';this.style.color='#000000';");    
               }       
           else if (e.Row.RowState == DataControlRowState.Alternate)    
               {
                 e.Row.Attributes.Add("onmouseout","this.style.backgroundColor='#E7E7FF';this.style.color='#284775';");
               }
          }
    }

    Fonte: http://matheuscalache.blogspot.com.br/2009/10/estilo-zebrado-no-gridview.html


    • Editado Mr. GMSOFT quarta-feira, 17 de dezembro de 2014 11:41
    • Marcado como Resposta Marcos SJ quinta-feira, 17 de setembro de 2015 17:38
    quarta-feira, 17 de dezembro de 2014 11:40

Todas as Respostas

  •   Pessoal, se puderem dar exemplos paralelos... Fico agradecido.
    quarta-feira, 17 de dezembro de 2014 01:00
  • Veja se essa Thread te ajuda

    https://social.msdn.microsoft.com/Forums/pt-BR/9c9e1790-a99e-40f0-bb64-0ed8b8d8051a/css-num-gridview-zebrado?forum=aspnetpt

    Tem esse exemplo também:

    protected void gdvCurso_RowDataBound(object sender,
    GridViewRowEventArgs e)
    {          
      if((e.Row.RowType != DataControlRowType.Footer) && (e.Row.RowType != DataControlRowType.Header) && (e.Row.RowType != DataControlRowType.Pager))           
         {
             e.Row.Attributes.Add("onmouseover","this.style.backgroundColor='#EF8828';");
                   
           if (e.Row.RowState == DataControlRowState.Normal)               
               {
                 e.Row.Attributes.Add("onmouseout","this.style.backgroundColor='#F7F7F7';this.style.color='#000000';");    
               }       
           else if (e.Row.RowState == DataControlRowState.Alternate)    
               {
                 e.Row.Attributes.Add("onmouseout","this.style.backgroundColor='#E7E7FF';this.style.color='#284775';");
               }
          }
    }

    Fonte: http://matheuscalache.blogspot.com.br/2009/10/estilo-zebrado-no-gridview.html


    • Editado Mr. GMSOFT quarta-feira, 17 de dezembro de 2014 11:41
    • Marcado como Resposta Marcos SJ quinta-feira, 17 de setembro de 2015 17:38
    quarta-feira, 17 de dezembro de 2014 11:40
  • Caso tenha conseguido a solução finalize sua Thread marcando a resposta

    GTSA vantagem de ser inteligente é que podemos fingir que somos imbecis enquanto ao contrario é completamente impossivel

    domingo, 28 de junho de 2015 14:35