Início > ASP.Net e C# > GridView: Merge Cabeçalho

GridView: Merge Cabeçalho

Você já deve ter pesquisado algum componente que realize merge facilmente no cabeçalho, como por exemplo o DevExpress. É possível fazer isso no GridView e forma fácil. Vamos a um exemplo:

No Visual Studio crie um projeto Web Site, adicione uma classe e crie as propriedades conforme imagem abaixo:

Agora adicione um GridView e um Button a pagina Default.aspx. Deve ficar parecido com o modelo abaixo:

Pronto, agora vamos a programação. Vamos criar o código que irá popular nosso grid, não precisamos de acesso ao banco de dados, para isso criamos a classe.

No evento OnClick do botão coloque o seguinte código:

Pronto, dessa forma nosso grid exibirá registros. Vamos a parte que interessa, criar o merge no cabeçalho. Para isso vamos usar o evento do gridview RowCreated. Esse evento é executado quando o grid está sendo criado (populado).

Veja nesse exemplo estamos criando uma linha nova, adicionando essa linha ao grid e realizando o ColumnSpan.

O resultado é esse:

Você agora pode “brincar”, ou seja, adicionar linha ao header, remover, deixa o gridview com o header do seu jeito.

O download do código acima está disponível aqui.

Espero que tenham gostado.

Obrigado e até a próxima.

Anúncios
Categorias:ASP.Net e C# Tags:, ,
  1. Nenhum comentário ainda.
  1. agosto 6, 2010 às 1:49 am

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: