Freeze Row/Column of GridView

See more:

ASP.NET

Javascript

Ajax

Gridview

I am unable to maintain the freeze of the rows/columns created by the following javascript:

<script type="text/javascript">
        $(document).ready(function () {
            gridviewScroll();
        });

        function gridviewScroll() {
            $('#<%=gvSupv.ClientID%>').gridviewScroll({
                width: 660,
                height: 200,
                freezesize: 2
            });
        }
    </script>

The gridview is within a ModalPopup panel that also contains an "OK" and "Cancel" button. These buttons are not visible until you scroll down the panel. Below listed is the header code for the panel:

<asp:Panel ID="pnlSupervision" runat="server"
    Width="1300px" Height="300px" ScrollBars="Both"
    Style="position: absolute; top: 50px;
    left: 25px;">

The ModalPopupExtender code is as follows:

<cc1:ModalPopupExtender ID="mpopupSupv" runat="server" TargetControlID="btnOffcrDistrb"
    PopupControlID="pnlSupervision" DropShadow="true"
    EnableViewState="true" />

Appreciate the assistance.