Web Forms :: Scrollable Grid With Fixed Header

I tried to have a grid with the fixed header. I implement this using the jquery plug  "ScrollableGridPlugin.js" and the following script:

 <script type="text/javascript">
            $(document).ready(function () {
            $('#<%=GridView1.ClientID %>').Scrollable({
                ScrollHeight: 500,
            });
        });
    </script>

But the problem is that, when the grid is placed inside the "Update panel" and if some button action fired, the scrollable grid with the fixed header is changed to the normal grid.