title: JQGrid loading disables(grays out) JQuery UI tab
body: <p>Hi I am currently using JQGrid inside a JQuery UI Tab. My problem is that when I call the render JQGrid it disables(Grayed out with diagonal stripes).</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          $("#divTimePeriod").tabs();
  
          jQuery("#listTimePeriod").jqGrid({
              url: '/TimePeriod/GetTimePeriods',
              datatype: 'json',
              mtype: 'GET',
              colNames: ['', 'TimePeriodKey'],
              colModel: [
            { name: 'Actions', index: 'Actions', width: 60, sortable: false },
            { name: 'TimePeriodKey', index: 'TimePeriodKey', width: 55 },
          ],
              jsonReader: {
                  repeatitems: false,
                  root: "result"
              },
              pager: '#pagerTimePeriod',
              viewrecords: true,
              gridComplete: function () {
  
              }
  
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>
  </p>
  
  <pre><code>&lt;h3&gt;Time Period Service&lt;/h3&gt;
  &lt;div id="divTimePeriod"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#TimePeriod"&gt;Time Period&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#DayType"&gt;Day Type&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#Interval"&gt;Interval Group&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#Calendar"&gt;Calendar&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  
      &lt;div id="TimePeriod"&gt;
         &lt;span&gt;Name: &lt;/span&gt; &lt;select&gt;&lt;option&gt;&lt;/option&gt;&lt;option&gt;Default&lt;/option&gt;&lt;option&gt;All&lt;/option&gt;&lt;option&gt;Summer Off/On Peak&lt;/option&gt;&lt;/select&gt;
          &lt;table id="listTimePeriod" width="100%"&gt;&lt;/table&gt; 
          &lt;div id="pagerTimePeriod"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="DayType"&gt;
          &lt;% Html.RenderPartial("~/Views/DayType/Contents.ascx"); %&gt;
      &lt;/div&gt;
      &lt;div id="Interval"&gt;
          &lt;% Html.RenderPartial("~/Views/IntervalGroup/Contents.ascx"); %&gt;
      &lt;/div&gt;
      &lt;div id="Calendar"&gt;
          Calendar
      &lt;/div&gt;
  &lt;/div&gt;  
  </code></pre>
  
  <p></p>
  
  <p>The grid renders correctly but the tab remains grayed out. </p>
  
  <p>Thanks</p>