title: How can i use this jquery plugin for gridview instead of table
body: <p>Hi all i would like to work out this functionality for grdiveiw instead of table can any one guide me please. </p>
  
  <p><a href="http://fixedheadertable.com/" rel="nofollow">http://fixedheadertable.com/</a></p>
  
  <p>I tried this by registering the required scripts but didn't work for me so can any one help  me</p>
  
  <pre><code>&lt;asp:GridView ID="grdEarnings" runat="server" CssClass="myTable01" AutoGenerateColumns="False"
          AlternatingRowStyle-BackColor="#DEE6F7" ShowHeader="true" Font-Size="11pt"&gt;
          &lt;Columns&gt;
              &lt;asp:TemplateField ItemStyle-Width="150px" ItemStyle-HorizontalAlign="Center" HeaderText="ID"&gt;
                  &lt;EditItemTemplate&gt;
                      &lt;asp:Label ID="lbl" runat="server" Text="&lt;%#ID %&gt;"&gt;&lt;/asp:Label&gt;
                  &lt;/EditItemTemplate&gt;
              &lt;/asp:TemplateField&gt;
              &lt;asp:TemplateField ItemStyle-Width="150px" ItemStyle-HorizontalAlign="Center" HeaderText="Name"&gt;
                  &lt;ItemTemplate&gt;
                      &lt;asp:Label ID="lblRegular" runat="server" Text='&lt;%# Eval("Name") %&gt;'&gt;&lt;/asp:Label&gt;
                  &lt;/ItemTemplate&gt;
              &lt;/asp:TemplateField&gt;
              &lt;asp:TemplateField ItemStyle-HorizontalAlign="Center" ItemStyle-Width="150px" HeaderText="Price"&gt;
                  &lt;ItemTemplate&gt;
                      &lt;asp:Label ID="lblPrice" runat="server" Text='&lt;%# Eval("Price") %&gt;'&gt;&lt;/asp:Label&gt;
                  &lt;/ItemTemplate&gt;
              &lt;/asp:TemplateField&gt;
              &lt;asp:TemplateField ItemStyle-HorizontalAlign="Center" ItemStyle-Width="150px" HeaderText="Description"&gt;
                  &lt;ItemTemplate&gt;
                      &lt;asp:Label ID="lblDescription" runat="server" Text='&lt;%# Eval("Description") %&gt;'&gt;&lt;/asp:Label&gt;
                  &lt;/ItemTemplate&gt;
              &lt;/asp:TemplateField&gt;
          &lt;/Columns&gt;
      &lt;/asp:GridView&gt;
  </code></pre>
  
  <p>The other one i tried works fine for me but as i am using tool tips in my application i included some scripts related to that when i include that i am unable to view the scroll bar for grid view</p>
  
  <blockquote>
    <p>
        Untitled Page
        </p>
  
  <pre><code>&lt;script src="Scripts/ScrollableGridPlugin.js" type="text/javascript"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt; $(document).ready(function () {
  $('#&lt;%=grdEarnings.ClientID %&gt;').Scrollable({
      ScrollHeight: 300
  });
   });
  &lt;/script&gt;
  
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"&gt;&lt;/script&gt;
   &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt;
  </code></pre>
    
    <p></p>
  </blockquote>
  
  <p>if i commented the scripts that were after the <code>Jquery</code> function this works well enough for me. But while running along with those scripts i am unable to view the scroll bar for gridview</p>