title: Html table into JQgrid with table classes
body: <p>my html table as below</p>
  
  <pre><code>&lt;table id="mytable"&gt;
   &lt;tr&gt;&lt;th&gt; ID &lt;/th&gt;&lt;/tr&gt;
   &lt;tr class="danger"&gt;&lt;td&gt;1&lt;/td&gt;&lt;/tr&gt;
   &lt;tr class="info"&gt;&lt;td&gt;10&lt;/td&gt;&lt;/tr&gt;
   &lt;tr class="warning"&gt;&lt;td&gt;7&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Using jqgrid I converted my table into jqgrid as below </p>
  
  <pre><code>&lt;script type='text/javascript'&gt;
   $(document).ready(function(){
       tableToGrid("#mytable",{
        autowidth: true
    });
    });
  </code></pre>
  
  <p>but when I refresh page my table converted into jqgrid but my tr classes not presents in new  converted table . How I should add my tr classes in jqgrid</p>
  
  <p>JS fiddle link as below 
  <a href="http://jsfiddle.net/yogesh_0586/FkBZq/" rel="nofollow" title="click here">JSfiddle</a></p>