DataGrid sem borda no ASP.NET

Olá Pessoa, tudo jóia?

No ASP.Net quando precisamos utilizar o componente padrão de grid (asp:datagrid), notamos que ele gera uma tabela como resultado no HTML. Por um lado isto é bom, pois segue as normas do W3C para este tipo de dado. Porém, por padrão, ele acrescenta alguns atributos na tabela, creio que para facilitar no desenvolvimento. Um destes atributo é uma borda em cada linha.

Para remover esta borde e fazer com que a nossa tabela html de resultado venha com a borda zerada "border=0", temos que modificar uma propriedade do componente chamada GridLines para None.

Veja abaixo o código asp.net do grid antes da alteração:

<asp:DataGrid ID="grdListagem" runat="server" AutoGenerateColumns="false">
<Columns>
     <asp:BoundColumn DataField="procedimento" HeaderText="Código"></asp:BoundColumn>
     <asp:BoundColumn DataField="descricao" HeaderText="Descrição">
          <ItemStyle Width="350px" />
     </asp:BoundColumn>
</Columns>                    
<HeaderStyle CssClass="cabecalho" />
</asp:DataGrid>

E agora depois da alteração:

<asp:DataGrid ID="grdListagem" runat="server" AutoGenerateColumns="false" GridLines="None">
<Columns>
     <asp:BoundColumn DataField="procedimento" HeaderText="Código"></asp:BoundColumn>
     <asp:BoundColumn DataField="descricao" HeaderText="Descrição">
          <ItemStyle Width="350px" />
     </asp:BoundColumn>
</Columns>                    
<HeaderStyle CssClass="cabecalho" />
</asp:DataGrid>

Note que no resultado do HTML temos uma simples tabela com o atributo "border=0".

<table rules="all" border="0" id="ctl00_grdListagem">...

Pronto. Agora podemos definir da forma que desejarmos a borda pelo CSS.

=D

Espero que tenham gostado da dica.

Até a próxima.

[]s

Enviar um Artigo

Enviado por: Emmanuel

Outros artigos

Assine o Feed desta categoria

O que é o Mono e como usá-lo? - 04/06/2008
Code Blocks dentro de MasterPages causam problemas - 02/01/2008
MasterPages hierárquicas - 02/12/2007
Debugando com o Firefox no Windows Vista - 24/11/2007
Ver mais...

Comentários do artigo [Novo comentário]

Nenhum comentário, seja o primeiro a comentar.

Para adicionar um comentário você deve efetuar o login

» Procurando iPhones?
... e que tal iPods?

Gostou do CódigoFonte.net? Quer indicar a um amigo? Preencha os campos a seguir.
Seu Nome:
Seu E-mail:
E-mail de seu Amigo:

Login:
Senha: