c# - ASP 固定 header

Question

我的 HTML 代码的 div 中有一个 GridView，如下所示:

   <div class="container" style="width: 80%; height: 800px; overflow: scroll">
        <asp:GridView ID="GridView1" runat="server" AllowPaging="True" PageSize="40" AllowSorting="True"
            AutoGenerateSelectButton="True" EnableModelValidation="False" OnPageIndexChanging="GridView1_SelectedIndexChanged"
            AutoGenerateColumns="false" OnSorting="GridView1_Sorting" CssClass="mydatagrid"
            PagerStyle-CssClass="pager" HeaderStyle-CssClass="headerGrida1" RowStyle-CssClass="rows"
            ShowHeaderWhenEmpty="true" Font-Size="X-Small" ForeColor="Black">

div 使其已经可以滚动，但我还需要一个固定的网格标题。我用 CSS 尝试的方法没有成功...

我试过容器:

.container
        {
            overflow: scroll;
        }
        .container table th
        {
            position: relative;
        }
        .container table tbody
        {
            overflow: hidden;
        }
    </style>

还有 Gird:

.headerGrida1
{
    background-color: #4a708b;
    font-family: Calibri;
    color: White;
    border: none 0px transparent;
    height: 25px;
    text-align: center;
    font-size: 16px;
    position: relative;

}

但似乎没有任何效果......

Answer 1

下面是一个很好的解决方案，可以固定带有垂直和水平滚动条的标题

http://www.dotnetbull.com/2011/11/scrollable-gridview-with-fixed-headers.html