Jak zamrozić nagłówek GridView?

Question

Jak w tytule, czy ktoś wie, jak zamrozić nagłówek GridView w ASP.NET?

Answer 1

Opcja (a) kup w pakiecie UI, który zawiera zmiksowany GridView z wbudowaną funkcją.

Opcja (b) toczyć własne - to nie jest proste. Dino Esposito has one approach.

EDYCJA: Właśnie zauważyłem, że artykuł Dino łączy się z obszarem wyłącznie subskrybentem na stronie magazynu ASPnetPro.

Oto another approach za pomocą przedłużaczy.

Answer 2

Można to zrobić w css

Zamrożenie Header: 1. Definiowanie klasy .Freezing w arkuszu stylów:

.Freezing 
{ 
    position:relative ; 
    top:expression(this.offsetParent.scrollTop); 
    z-index: 10; 
} 

CssClass

2.Assign DataGrid nagłówka do zamrażania

Answer 3

dać to próba powinna rozwiązać problem http://www.codeproject.com/KB/webforms/FreezePaneDatagrid.aspx

Answer 4

Wypróbuj ten projekt typu open-source dla ASP.NET. Rozszerza GridView, aby zapewnić stały nagłówek, stopkę i pager oraz zmienną szerokość kolumny. Działa dobrze w IE 6/7/8, Firefox 3.0/3.5, Chrome i Safari.

http://johnsobrepena.blogspot.com/2009/09/extending-aspnet-gridview-for-fixed.html

Answer 5

Możesz spróbować Poniższy przykładowy

Freeze GridView Columns

Answer 6

ja też w obliczu podobnego problemu rozwijając w aplikacji internetowych w ASP.NET 2.0/3.5.

Pewnego pięknego dnia natknąłem się na IdeaSparks ASP.NET CoolControls. Pomaga wyświetlać nagłówki kolumn, stopkę i pager poprawek.

Użyłem ich osobiście i naprawdę to pokochałem!

To check the control click here : IdeaSparks ASP.NET CoolControls

Nadzieja to pomaga!

Answer 7

Myślę, że mam rozwiązanie tego. patrz poniżej kodu javascript

<script type="text/javascript" language="javascript"> 
    var orgTop = 0; 
    $(document).scroll(function() { 
     var id = $("tr:.header").get(0); 
     var offset = $(id).offset(); 
     var elPosition = $(id).position(); 
     var elWidth = $(id).width(); 
     var elHeight = $(id).height(); 
     if (orgTop == 0) { 
      orgTop = elPosition.top; 
     } 
     if ($(window).scrollTop() <= orgTop) { 
      id.style.position = 'relative'; 
      id.style.top = 'auto'; 
      id.style.width = 'auto'; 
      id.style.height = 'auto'; 
     } 
     else { 
      id.style.position = 'absolute'; 
      id.style.top = $(window).scrollTop() + 'px'; 
      id.style.width = elWidth + 'px'; 
      id.style.height = elHeight + 'px'; 

     } 
    }); 
</script> 

gdzie .header jest klasa css z nagłówka siatki.

Wystarczy dodać ten skrypt na stronie i zastąpić header nazwą klasy css używaną w nagłówku.