segunda-feira, 28 de abril de 2008

ASP.NET - Fixando Header de Uma Grid

Todos nós que programamos já tentamos colocar um header de uma grid fixado, assim como é feito no excel. Isso porém demandava muito tempo para se fazer, pois a forma normalmente utilizada era um javascript que trabalhava em conjunto do scroll da página.

Porém, há uma outra forma de isso ser feito. Esta solução, porém, ainda possui alguns limitadores, a saber:
  • Só funciona no IE
  • A Grid não deve ser mais larga que a div na qual ela está inserida.
  • A grid não pode possuir DropDownLists
O código é apenas um css.
.container {overflow:auto;}

.container table th {position:relative;}

.container table tbody {overflow-x:hidden;}
Este é o código. É só setar a div que irá possuir a grid com o class="container".

Nenhum comentário: