title: Data not populating the table created using jsgrid
body: <p>I'm using jsgrid to create an editable table. i used the code from this <a href="https://github.com/tabalinas/jsgrid-webapi" rel="nofollow">demo</a>. The only difference is im using mvc instead of web api. </p>
  
  <p>Looking at the network, the controller returns the needed json data and jsgrid also shows the pagination stuff on the bottom of the table. However, <strong>the table is not being populated</strong></p>
  
  <p>Here's the html and javascript code</p>
  
  <pre><code>&lt;div id="jsGrid"&gt;&lt;/div&gt;
  
  @section scripts {
  &lt;script src="http://js-grid.com/js/jsgrid.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      $("#jsGrid").jsGrid({
          height: "50%",
          width: "100%",
  
          filtering: true,
          inserting: true,
          editing: true,
          sorting: true,
          paging: true,
          autoload: true,
  
          pageSize: 10,
          pageButtonCount: 5,
  
          deleteConfirm: "Do you really want to delete client?",
  
          controller: {
              loadData: function (filter) {
                  return $.ajax({
                      type: "GET",
                      url: "get",
                      data: filter,
                      dataType: "json"
                  });
              },
  
              insertItem: function (item) {
  
              },
  
              updateItem: function (item) {
  
              },
  
              deleteItem: function (item) {
  
              }
          },
  
          fields: [
              { name: "SKU", type: "text", width: 50 },
              { name: "PartNumber", type: "text", width: 100 },
              { name: "ProductLineName", type: "text", width: 50 },
              { name: "ProductLineId", type: "text", width: 50 },
              { name: "Deleted", type: "checkbox", sorting: false },
              { type: "control" }
          ]
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Here's the relevant method in the controller</p>
  
  <pre><code> public async Task&lt;ActionResult&gt; Get()
          {
              var query = db.Products
                  .Select(p =&gt; new ProductDto()
                  {
                      PartNumber = p.PartNumber,
                      SKU = p.SKU,
                      ProductLineName = p.ProductLines.ProductLineName,
                      ProductLineId = p.ProductLineId,
                      Deleted = p.Deleted
                  });
  
              var products = await query.ToListAsync();
  
              return Json(products, JsonRequestBehavior.AllowGet);
          }
  </code></pre>
  
  <p>Anyone know what i can do to display/bind the returned data to the table?</p>