title: Use jqxGrid to render cell values that are objects?
body: <p>Is it possible in jqxGrid to render cell values that are objects?</p>
  
  <p>E.g.  In this <a href="https://codepen.io/__proto__/pen/EdKPEg?editors=1111" rel="nofollow noreferrer">Codepen example</a>  each row has an attribute <code>details</code> which has an object value.   I'd like to say, make a custom renderer that displays the JSON stringified version of it, and a custom editor to modify it.  </p>
  
  <p>The challenge is that the row values appear as the string <code>"[Object object]"</code>:</p>
  
  <pre><code>var rows = [
    { color: "red", details: { a: 1, b: 2 } },
    { color: "green", details: { a: 2, b: 4 } },
    { color: "blue", details: { a: 3, b: 8 } },
    { color: "yellow", details: { a: 4, b: 16 } }
  ];
  </code></pre>
  
  <p>I tried creating a cell renderer, but the argument <code>value</code> is already squashed to the string <code>"[Object object]"</code> when the function is called.  Do I need to do something with the data adaptor to get the object value?</p>
  
  <pre><code>var cellsrenderer = function(row, column, value) {
    console.log(value);
    return "&lt;div&gt;" + JSON.stringify(value) + "&lt;/div&gt;";
  };
  
  var columns = [
    {
      text: "Color",
      datafield: "color",
      width: 100
    },
    {
      text: "Details",
      datafield: "details",
      width: 200,
      cellsrenderer: cellsrenderer
    }
  ];
  var source = {
    localdata: rows,
    datatype: "array"
  };
  var dataAdapter = new $.jqx.dataAdapter(source, {
    loadComplete: function(data) {},
    loadError: function(xhr, status, error) {}
  });
  $("#grid").jqxGrid({
    height: 600,
    width: 600,
    source: dataAdapter,
    pageable: true,
    pagesize: 20,
    autoheight: true,
    columns: columns
  });
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/bkXSc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bkXSc.png" alt="enter image description here"></a></p>