gridview中的Gridview使用jquery来固定头和寻呼机

Question

我构建了一个GridView，其中每一行都有一个GridView。因此，对于最顶级的GridView，我想要修复标题和寻呼机，以便只能使用jquery滚动其内容。我尝试过谷歌的各种脚本。有些工作，有些则没有。工作的浏览器不兼容。所以我需要跨浏览器解决方案。请给我一个有效的例子。

<asp:GridView ID="gvMasterGrid" runat="server" AllowSorting="True" AutoGenerateColumns="False"
            DataSourceID="odsMasterGrid" OnRowDataBound="gvMasterGrid_RowDataBound" PageSize="3"
            AllowPaging="True" OnPageIndexChanging="gvMasterGrid_PageIndexChanging" OnPreRender="gvMasterGrid_PreRender">
  <Columns>
    <asp:TemplateField>
      <ItemTemplate>
        <img alt="" id="plus" style="cursor: pointer" src="Images/plus.jpg" width="20px"
            height="20px" />
        <asp:Panel ID="pnlChildGrid" runat="server" Style="display: none">
          <asp:GridView ID="gvChildGrid" runat="server" AutoGenerateColumns="true" CssClass="subgridview">
          </asp:GridView>
        </asp:Panel>
      </ItemTemplate>
    </asp:TemplateField>
    <asp:BoundField DataField="CustomerID" HeaderText="CustomerID" SortExpression="CustomerID" />
  </Columns>
  <PagerStyle HorizontalAlign="Center" />
</asp:GridView>

我希望gvMasterGrid具有固定的页眉和页脚。 gvMasterGrid的行应该是可滚动的。