title: JQuery Scrollable GridView with Fixed Header in ASP.Net
body: <p>I am trying to use scrollable GridView in my page but the problem is that the Header and the field or the cell contents are not aligned. In other words, my Cells or Fields are not aligned with the Header; they are little bit shifted to the right.  Everything was aligned perfectly before I apply the JQuery Scrollable function and now I am not sure how to fix this.    Can someone help?  thanks
  Here is my code</p>
  
  <pre><code>&lt;script src="../Scripts/jquery-1.8.1.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="../Scripts/ScrollableGridViewPlugin_ASP.NetAJAXmin.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          $('#&lt;%=GV_Detail.ClientID %&gt;').Scrollable({
              ScrollHeight: 300,
              IsInUpdatePanel: true
          });
      });
  &lt;/script&gt;
  
  &lt;/asp:Content&gt;
  &lt;asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server"&gt;
   &lt;asp:ScriptManager ID="ScriptManager1" runat="server"&gt;
      &lt;/asp:ScriptManager&gt;
  &lt;div&gt;
  &lt;asp:UpdatePanel ID="up" runat="server"&gt;
      &lt;ContentTemplate&gt;
      &lt;asp:GridView ID="GV_Detail" runat="server" 
          AllowSorting="True" AutoGenerateColumns="False" BackColor="White" 
          BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="3" 
          DataSourceID="GV_Detail_DS"&gt;
          &lt;Columns&gt;
                  &lt;asp:BoundField DataField="ContactName" HeaderText="Contact Name" /&gt;
                  &lt;asp:BoundField DataField="City" HeaderText="City" /&gt;
                  &lt;asp:BoundField DataField="Country" HeaderText="Country" /&gt;
                  &lt;/Columns&gt; 
          &lt;FooterStyle BackColor="White" ForeColor="#000066" /&gt;
          &lt;HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" /&gt;
          &lt;PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" /&gt;
          &lt;RowStyle ForeColor="#000066" /&gt;
          &lt;SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" /&gt;
          &lt;SortedAscendingCellStyle BackColor="#F1F1F1" /&gt;
          &lt;SortedAscendingHeaderStyle BackColor="#007DBB" /&gt;
          &lt;SortedDescendingCellStyle BackColor="#CAC9C9" /&gt;
          &lt;SortedDescendingHeaderStyle BackColor="#00547E" /&gt;
      &lt;/asp:GridView&gt;
      &lt;asp:SqlDataSource ID="GV_Detail_DS" runat="server" 
          ConnectionString="&lt;%$ ConnectionStrings:MyConnectionString %&gt;" 
          SelectCommand="SELECT contactname, city, country from my table"&gt;
      &lt;/asp:SqlDataSource&gt;
  
       &lt;/ContentTemplate&gt;
  &lt;/asp:UpdatePanel&gt;
  &lt;/div&gt;
  </code></pre>