javascript - jqueryを使用してヘッダーとページャーを修正するためのgridview内のGridview

Question

各行に GridView がある GridView を作成しました。したがって、一番上のGridViewについては、jqueryを使用してコンテンツのみをスクロールできるように、ヘッダーとページャーを修正したいと考えています。Google のさまざまなスクリプトを試しました。機能するものと機能しないものがあります。動作するものにはブラウザの非互換性があります。だから私はクロスブラウザソリューションが必要です。実用的な例を教えてください。

<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 の行はスクロール可能である必要があります。