title: jqgrid- applying multiple themes to multiple table in the same page
body: <p>I have 2 jqgrid tables here in <a href="https://jsfiddle.net/dev2020/exw6hug9/" rel="nofollow">fiddle</a>, what is the best way to apply multiple themes only to the jqgrid tables.</p>
  
  <p>I had tried adding css selector scope to the tables but it didnt work correctly on the table  <a href="http://jqueryui.com/download/" rel="nofollow">http://jqueryui.com/download/</a></p>
  
  <p>Theme1 for table1 </p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css"  href="../themeLefrog/jquery-ui.theme.css" /&gt;
    &lt;link rel="stylesheet" type="text/css"  href="../themeLefrog/jquery-ui.min.css" /&gt;
    &lt;link rel="stylesheet" type="text/css"  href="../themeLefrog/jquery-ui.theme.css" /&gt;
  </code></pre>
  
  <p>My theme2 for table2 </p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css"  href="../themeBlitzer/jquery-ui.theme.css" /&gt;
    &lt;link rel="stylesheet" type="text/css"  href="../themeBlitzer/jquery-ui.min.css" /&gt;
    &lt;link rel="stylesheet" type="text/css"  href="../themeBlitzer/jquery-ui.theme.css" /&gt;
  </code></pre>