停止GridView标题滚动

本文关键字：滚动 标题 GridView 停止 | 更新日期: 2023-09-27 18:14:16

以下是我的ASPX代码:

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="xyz.aspx.cs" Inherits="xyz" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
<div style=" font-size:x-small; overflow:auto; width:660px; height:180px; ">
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CellPadding="4"
        ForeColor="#333333" GridLines="None" ShowHeader="true" DataSourceID="SqlDataSource1" onrowcommand="GridView1_RowCommand">
        <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
        <Columns>
            <asp:TemplateField HeaderText="SR No"><ItemTemplate><%# Container.DataItemIndex + 1 %></ItemTemplate></asp:TemplateField>
            <asp:BoundField DataField="test_1" HeaderText="First No" SortExpression="test_1" />
            <asp:BoundField DataField="test_2" HeaderText="Second No" SortExpression="test_2" />
        </Columns>
        <EditRowStyle BackColor="#999999" />
        <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
        <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
        <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
        <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
        <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
        <SortedAscendingCellStyle BackColor="#E9E7E2" />
        <SortedAscendingHeaderStyle BackColor="#506C8C" />
        <SortedDescendingCellStyle BackColor="#FFFDF8" />
        <SortedDescendingHeaderStyle BackColor="#6F8DAE" />
    </asp:GridView>
</div>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:paconn %>"
SelectCommand="SELECT * FROM [c_test] ORDER BY [test_1]">
</asp:SqlDataSource>
</asp:Content>

我想我的GridView头固定在他们的位置和其他数据是垂直滚动的

停止GridView标题滚动

我在这上面花了几百个小时。答案，我决定是两个网格视图。一个用于标题，另一个在下面的可滚动div中用于数据。使用相同的样式。设置屏幕的大小，并将div设置为固定的高度和宽度，并将gridview设置为比div窄20px。在其中一个gridview的PreRender事件中，将两个gridview的列宽度设置为相同。最后，我有完美大小的网格视图填充页面(或出现在我想要的地方)与静态标题和完全对齐的列。您可以在gridview标题列中添加控件，用于排序等。

相关文章：