Javascript Gridview中的Gridview使用jquery具有固定的标题和寻呼机

我构建了一个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的行应该是可滚动的

为了提供合适的解决方案，您需要显示一些代码。就目前而言，问题太模糊了。我已经添加了示例代码。