title: Add JQGrid on an Existing Table in JSP
body: <p>I have a table in my JSP page. It contains more than 100 rows.</p>
  
  <pre><code>&lt;table id="grid"&gt;
      &lt;tr&gt;
      &lt;th&gt;Inv No&lt;/th&gt;
      &lt;th&gt; Thingy&lt;/th&gt;
      &lt;th&gt; Blank&lt;/th&gt;
      &lt;th&gt; Number&lt;/th&gt;
  &lt;/tr&gt;
      &lt;tr&gt;
      &lt;td&gt;fgdfg&lt;/td&gt;
      &lt;td&gt;fgdfg&lt;/td&gt;
      &lt;td&gt;fgdfg&lt;/td&gt;
      &lt;td&gt;fgdfg&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
      &lt;td&gt;fgdfg&lt;/td&gt;
      &lt;td&gt;fgdfg&lt;/td&gt;
      &lt;td&gt;fgdfg&lt;/td&gt;
      &lt;td&gt;fgdfg&lt;/td&gt;
      &lt;/tr&gt;
  
  &lt;!-- More than 100 rows --&gt;
  
  &lt;/table&gt;
  </code></pre>
  
  <p>I want to add JQuery grid to this table with 20 rows on each page. <a href="http://jsfiddle.net/shijukbabu/KMjNM/" rel="nofollow">Here is the link what I have tried</a>. But nothing works.</p>
  
  <p>Is it possible? If so, how can I do it?</p>