title: How to map column to complex object in SlickGrid
body: <pre><code>var data = [{"Id":40072,"Id2":40071,"SmDetails":{"Id1":40071,"Id2":40072}}]
  </code></pre>
  
  <p>I want to display <code>SmDetails.Id1</code> in a column. How is this possible? I tried: </p>
  
  <pre><code>var columns = [{name:'Personnel',field:SmDetails.id1,id:'detailId'}];
  </code></pre>
  
  <p>Please help me
   Please help me</p>
  
  <pre><code>**My latest code**
           var data = [{"Id":40072,"Id2":40071,"allocationDetails":{"Id1":40071,"allocationDetails":{"accommodationId":4007}}}]
      var grid;
                  var columns = [                                        {name:"Personnel",field:"allocationDetails",fieldIdx:'accommodationId', id:"accommodationId"}];
                  var options = {
                       enableCellNavigation: true,
                      enableColumnReorder: false,
                       dataItemColumnValueExtractor:
                                                                  function getValue(item, column) { 
                          var values = item[column.field];                             
                        if (column.fieldIdx !== undefined) {
                  return values &amp;&amp; values[column.fieldIdx];
                  } else {
                  return values;
                  }}};
                  var gridData=$scope.Vo;//This return as json format                         
                  grid = new Slick.Grid("#testGrid",gridData, columns);
      This is the code tried recently.
  </code></pre>