title: Trying to setup jqGrid in Angular
body: <p>In the past I've been using (free-)jqGrid (version 4.14 in ASP application with success. Now I'm setting up an Angular application and try to integrate the grid in a component. The grid is not showing up and in console I don't get any errors. Can anyone help me with this or are there any alternatives?</p>
  
  <pre><code>&lt;div class="col-md-12"&gt;
  &lt;table id="tblOffers" class="scroll" &gt;&lt;/table&gt;
  &lt;div id="pager" class="scroll"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
  //(function ($){
      var $offers = jQuery("#tblOffers");
  
      $(document).ready(function(){
          $offers.jqGrid({
              url: '/data/data.json',
              datatype: "json",
              colNames: [ 'Offernumber' ],
              colModel: [ { name: 'OfferNr', index: 'OfferNr' } ],
              height: 200,
              width: 720
          });
      });
  //})(jQuery);
  &lt;/script&gt;
  </code></pre>