Grid-Ansicht-Vertikale Bildlaufleiste, mit der Fix-Header

setzen Sie das Gitter innerhalb eines div oder panel with scrollbar property.Aber das nimmt zusätzlichen Aufwand, um eine ordnungsgemäße Ausrichtung.Jede Zelle der Kopfzeile der Tabelle werden sollten aligned with each cell des Rasters.Die anderen arbeiten um zu fix the header of the grid in der Weise, dass scrolling down shouldnt hide the header des Rasters.Mit stylesheet können wir erreichen, dass.

Fügen Sie den folgenden Stil in Ihrem code, und weisen Sie die grid-Ansicht oder datagrid-header-Stil css.

.fixedHeader
{
  font-weight:bold;
  position:absolute;
  background-color: #006699;

  color: #ffffff;

  height: 25px;

  top: expression(Sys.UI.DomElement.getBounds(document.getElementById("panelContainer")).y-25);

}

"panelContainer" is the id of the panel. "Sys.UI.DomElement.getBounds(document.getElementById("panelContainer")).y " gibt die genaue Y-Position des Panels, wo wir brauchen, um fix the header.25 pixel ist die übliche Höhe der Kopfzeile .That much of space we had to leave for the header so, dass es nicht geht zu Essen, bis jeder Raum von der grid content.Mit dem Panel-Steuerelement, können wir Steuern die width, height, and scrollable option.
Für unser Beispiel setzen wir die height as 300px, the width as 100%, und legen Sie das Panel zu scrollen, und zeigen nur die vertical scrollbars. Legen Sie Ihr raster in das panel.Jetzt müssen wir weisen die CSS-Klasse, die oben definiert werden, um die GridView ist HeaderStyle

<asp:Panel ID="panelContainer" runat="server" Height="300px" Width="100%"  ScrollBars="Vertical">
  <asp:GridView ID="gvScrollableExample" runat="server">
    <HeaderStyle CssClass="fixedHeader " />
  </asp:GridView></asp:Panel>

Diese Weise können wir fix die Kopfzeile am oberen Rand des Rasters und nach unten scrollen, ist nicht zu scrollen, das raster mit der überschrift.